Logo chữ thương hiệu
Hai web font liên kết bằng @font-face được tải về và nhúng trước khi vẽ, rồi lưu thành PNG trong suốt ở 4×.
MIỄN PHÍ · CHẠY NGAY TRONG TRÌNH DUYỆT
Chuyển SVG sang PNG online
Chuyển SVG sang PNG sắc nét, hoặc sang JPG, WebP hay PSD nhiều lớp, từ file SVG hoặc mã SVG dán vào, tối đa 50 file mỗi lần. Chọn 1×–8×, số pixel chính xác hoặc DPI in; web font và ảnh liên kết được nhúng trước, và chỉ một cú nhấp là có trọn bộ favicon và icon ứng dụng. Không có gì bị tải lên.
Chưa có sẵn SVG? Thử một ví dụ:
Chuyển đổi ngay trên thiết bị của bạn; file không được tải lên máy chủ của chúng tôi. Web font và ảnh được liên kết trong SVG sẽ do trình duyệt tải về từ máy chủ gốc của chúng để nhúng vào.
VÍ DỤ
Ví dụ chuyển SVG sang PNG
Sáu file gốc chứa những thứ khiến nhiều công cụ chuyển đổi gặp lỗi: web font, ảnh liên kết, nhãn HTML, kích thước tính bằng milimét và icon chỉ có viewBox. Mỗi file mở trong công cụ với thiết lập tương ứng.
Bộ icon nét
Sáu icon chỉ có viewBox, xuất ở 16 đến 256 px, mỗi kích thước một thư mục.
Bưu thiếp ngày nắng
Ảnh liên kết, dải chuyển màu, bộ lọc đổ bóng, chữ chạy theo đường path và class CSS, lưu thành JPG trên nền trắng.
Lưu đồ
Nhãn kiểu draw.io viết bằng HTML (foreignObject) vẫn giữ đúng vị trí, cùng chữ đậm và các dòng ngắt.
Poster sự kiện A5
Kích thước tính bằng milimét. Kích thước in ở 300 DPI cho ra đúng 1.748 × 2.480 px, với DPI được lưu trong file PNG.
Icon ứng dụng
Một SVG vuông trở thành favicon.ico, favicon PNG, icon Apple và Android cùng web manifest.
BA BƯỚC
Cách chuyển SVG sang PNG
Thêm file, chọn kích thước, tải xuống. Mọi thứ diễn ra trong tab trình duyệt này.
01 Thêm file SVG
Thả, chọn hoặc dán tối đa 50 file .svg hoặc .svgz (mỗi file 20 MB), dán mã SVG, hoặc tải SVG từ một liên kết.
02 Chọn kích thước và định dạng
Phóng 1×–8×, nhập số pixel chính xác hoặc đặt kích thước in theo DPI. Lưu PNG, JPG, WebP hoặc PSD nhiều lớp, hoặc chuyển sang Bộ icon hay Gói favicon.
03 Tải xuống
Lưu từng file hoặc tất cả trong một file ZIP. Font hay ảnh nào không nhúng được sẽ được ghi rõ trên file tương ứng.
VÌ SAO CHỌN CÔNG CỤ NÀY
Vì sao nên dùng công cụ chuyển SVG sang PNG này
Nhiều công cụ chuyển đổi làm mất chữ, hiện ảnh lỗi ở chỗ lẽ ra là ảnh liên kết, hoặc lặng lẽ thu nhỏ kích thước bạn đã chọn.
Dùng chính bộ hiển thị của trình duyệt
CSS, dải chuyển màu, bộ lọc, mask và nhãn HTML được vẽ bằng chính engine SVG đang hiển thị SVG trên web.
Nhúng sẵn font và ảnh
@font-face, @import của Google Fonts và ảnh liên kết được tải về và nhúng trước, chỉ lấy phần font chứa đúng các ký tự chữ của bạn dùng. Phần nào thất bại sẽ được ghi rõ.
Sửa mã SVG bị lỗi
Thiếu xmlns, và các thực thể HTML khác, thuộc tính trùng lặp hoặc thiếu dấu nháy, thẻ chưa đóng đều được sửa thay vì cho ra ảnh trắng.
Script không bao giờ chạy
Script, trình xử lý sự kiện và HTML không an toàn bị gỡ bỏ, và file được vẽ dưới dạng ảnh, nơi script vốn không thể chạy.
Kích thước minh bạch
Kích thước ảnh xuất và dung lượng file hiển thị trước khi bạn tải xuống, và không có gì bị lén thu nhỏ.
Favicon, bộ icon và PSD
Một cú nhấp để có gói favicon và icon ứng dụng, mọi icon ở mọi kích thước chia theo thư mục, hoặc một file PSD nhiều lớp.
KẾT QUẢ MONG ĐỢI
Phần nào hiển thị chính xác, phần nào có thể khác
Trình duyệt vẽ từng file, sau đó công cụ liệt kê mọi thứ không thể đưa vào.
Hiển thị chính xác
- Path, hình khối, nét vẽ, marker, dải chuyển màu, pattern, mask và clip path.
- CSS trong khối <style> và class, độ mờ đục (opacity) và chế độ hòa trộn.
- Bộ lọc SVG như làm mờ và đổ bóng.
- Chữ dùng font đã cài trên thiết bị, hoặc web font mà công cụ nhúng được.
- Ảnh liên kết trên máy chủ cho phép trang khác đọc, và ảnh đã nhúng sẵn dưới dạng data URL.
- Nhãn HTML trong foreignObject, như cách draw.io tạo ra, sau khi gỡ bỏ HTML không an toàn.
Có thể khác
- Font chưa cài và không tải được sẽ chuyển sang font thay thế; ghi chú của file sẽ nêu tên font đó.
- Ảnh và font trên máy chủ chặn trang khác (CORS) sẽ bị bỏ qua và được liệt kê.
- Liên kết tương đối như logo.png không truy cập được từ file trên thiết bị của bạn. Hãy tải SVG từ liên kết của nó, hoặc nhúng các file đó vào.
- SVG có hoạt ảnh cho ra khung hình đầu tiên. Script bị gỡ bỏ và không bao giờ chạy.
- Tham chiếu <use> đến file SVG khác và stylesheet bên ngoài sẽ không được tải.
- Một số bộ lọc và chế độ hòa trộn trông hơi khác giữa Chrome, Firefox và Safari. Safari có thể xuất nhãn HTML thành phần chữ thuần dự phòng.
Với chữ cần hiển thị giống hệt ở mọi nơi, hãy chuyển chữ thành outline trong ứng dụng thiết kế trước khi xuất SVG.
KÍCH THƯỚC VÀ DPI
Hướng dẫn kích thước và DPI khi chuyển SVG sang PNG
SVG không có kích thước pixel cố định. Công cụ đọc width và height của file, đổi mm, cm, in và pt sang pixel theo tỷ lệ 96 pixel mỗi inch, hoặc dùng viewBox, rồi vẽ lại các hình ở kích thước bạn chọn. Hình không bao giờ bị kéo giãn từ một ảnh bitmap nhỏ.
Kích thước cho màn hình
| Thiết lập | Phù hợp cho |
|---|---|
| 1× | Kích thước gốc của SVG, cho trang web đã đặt sẵn kích thước ảnh. |
| 2× | Mặc định: sắc nét trên màn hình Retina và hầu hết điện thoại. |
| 3× – 4× | Slide, bài đăng mạng xã hội và tài liệu mà người xem hay phóng to. |
| 8× | Bản in khổ lớn, hoặc tác phẩm bạn sẽ cắt lại sau. |
| Pixel chính xác | Chiều rộng hoặc chiều cao bắt buộc, như 1080 px cho một bài đăng. Điền cả hai để vừa một khung. |
Kích thước in tính bằng pixel
| Khổ giấy | 150 DPI | 300 DPI |
|---|---|---|
| A4 (210 × 297 mm) | 1,240 × 1,754 | 2,480 × 3,508 |
| A5 (148 × 210 mm) | 874 × 1,240 | 1,748 × 2,480 |
| Letter Mỹ (8,5 × 11 in) | 1,275 × 1,650 | 2,550 × 3,300 |
| Ảnh in (4 × 6 in) | 600 × 900 | 1,200 × 1,800 |
Bản thân DPI không thêm pixel: nó cho các ứng dụng in và dàn trang biết nên in lớn cỡ nào. PNG lưu DPI trong chunk pHYs, JPG trong header JFIF; WebP không có vị trí chuẩn cho thông tin này. Kích thước in cũng dùng DPI để tính số pixel, nên một SVG vẽ khổ A5 sẽ cho ra đúng các kích thước ở trên.
FAVICON VÀ ICON ỨNG DỤNG
Gói favicon và icon ứng dụng chỉ với một cú nhấp
Thêm SVG logo hoặc icon, chuyển sang Gói favicon và tải về một file ZIP chứa mọi thứ website hay web app cần:
- favicon.ico gồm các ảnh 16, 32 và 48 px, kèm favicon PNG ở từng kích thước
- apple-touch-icon.png 180 px trên màu nền icon của bạn
- Icon Android 192 và 512 px cùng icon maskable có khoảng đệm vùng an toàn
- favicon.svg (đã làm sạch) và site.webmanifest với tên ứng dụng và màu chủ đề của bạn
- Các thẻ HTML để dán vào phần <head> của trang
Cần cả một bộ icon? Chế độ Bộ icon xuất mọi SVG ở các kích thước bạn đánh dấu, từ 16 đến 1024 px, mỗi kích thước một thư mục.
ỨNG DỤNG
Mọi người chuyển file SVG để làm gì
Icon ứng dụng và web
Cả bộ icon ở 16–1024 px chia theo thư mục kích thước, hoặc gói favicon với icon ICO, Apple và Android.
Slide và tài liệu
PowerPoint, Keynote, Google Docs và Word đều nhận PNG; logo ở 2× hoặc 3× vẫn sắc nét trên máy chiếu.
Mạng xã hội và ứng dụng chat
Hầu hết mạng xã hội và ứng dụng chat không nhận file SVG tải lên. Hãy lưu PNG, JPG hoặc WebP ở kích thước pixel chính xác.
In ấn và Photoshop
Đặt kích thước theo DPI để in, với DPI được lưu trong file, hoặc lấy PSD nhiều lớp với mỗi nhóm cấp cao nhất là một lớp.
Câu hỏi thường gặp về chuyển SVG sang PNG
Làm sao để chuyển SVG sang PNG miễn phí?
Thả file SVG vào công cụ ở đầu trang, chọn kích thước và định dạng, rồi tải xuống. Hoàn toàn miễn phí, không cần đăng ký, không có hình mờ và không tốn credit, vì việc chuyển đổi chạy trong trình duyệt của bạn.
File SVG của tôi có bị tải lên đâu không?
Không. File được đọc và vẽ trên thiết bị của bạn. Chỉ web font và ảnh mà SVG liên kết đến mới được trình duyệt tải về từ máy chủ gốc của chúng, để nhúng vào file PNG.
Làm sao để chuyển SVG sang PNG độ phân giải cao?
Chọn 2×, 3×, 4× hoặc 8×, hoặc nhập số pixel chính xác. Các hình được vẽ lại ở kích thước đó thay vì phóng to từ một bitmap nhỏ, nên cạnh vẫn sắc nét. Trên máy tính, công cụ xử lý được tối đa 16.384 px mỗi cạnh và khoảng 100 megapixel (khoảng 16 megapixel trên điện thoại); vượt quá mức đó bạn sẽ được báo, và không có gì bị thu nhỏ.
Vì sao chữ trong file PNG lại dùng font khác?
SVG chỉ ghi tên font. Nếu font chưa được cài trên thiết bị và SVG không liên kết đến nó từ một máy chủ cho phép tải, như Google Fonts, trình duyệt sẽ thay bằng font khác. Công cụ ghi rõ tên font bị thiếu trên file đó. Hãy liên kết web font hoặc chuyển chữ thành outline để khắc phục.
Tôi có thể chuyển nhiều file SVG cùng lúc không?
Có. Thêm tối đa 50 file .svg hoặc .svgz, mỗi file tối đa 20 MB, rồi tải tất cả trong một file ZIP. Chế độ Bộ icon xuất mọi file ở nhiều kích thước, mỗi kích thước một thư mục.
Làm sao để tạo favicon từ SVG?
Thêm SVG, chọn Gói favicon và tải file ZIP. Gói gồm favicon.ico (16, 32 và 48 px), favicon PNG, Apple touch icon 180 px, icon Android 192 và 512 px, icon maskable, favicon.svg, site.webmanifest và các thẻ HTML cho trang của bạn.
Tôi có giữ được nền trong suốt không?
Có. PNG và WebP giữ nền trong suốt trừ khi bạn chọn màu nền. JPG không lưu được độ trong suốt nên sẽ có nền trắng hoặc màu bạn chọn.
Nên chọn DPI bao nhiêu?
Với màn hình thì không quan trọng; 72 hoặc 96 đều được. Để in, hãy chọn Kích thước in và 300 DPI: công cụ tự tính số pixel từ kích thước thực của SVG và lưu DPI trong file PNG và JPG.
Tôi có thể chuyển SVG sang PSD có lớp không?
Có. Chọn PSD: mỗi nhóm hoặc hình cấp cao nhất thành một lớp pixel đặt tên theo id hoặc nhãn của nó, nằm trên một ảnh tổng hợp đầy đủ. Chữ trở thành pixel, không còn là chữ chỉnh sửa được.
Mở file SVG từ nguồn không rõ có an toàn không?
File SVG có thể chứa script. Công cụ gỡ bỏ script, trình xử lý sự kiện và HTML không an toàn trước khi vẽ, và vẽ file dưới dạng ảnh, nơi script vốn không thể chạy.
Chuyển SVG sang PNG online
Chuyển SVG sang PNG ngay
Thả file SVG, chọn kích thước và tải xuống. Miễn phí, chuyển đổi ngay trên thiết bị của bạn.
Chọn file SVG