Chuyển SVG sang PNG
PNG là cách để đồ họa vector đi tới những nơi SVG không vào được: slide, tài liệu, kho ứng dụng, biểu mẫu tải lên. Điều quan trọng nhất ở đây là nút chọn tỉ lệ bên dưới — kết xuất ở 2× hay 4× thì PNG vẫn sắc nét đến từng pixel ngay cả ở kích thước lớn, và độ trong suốt của SVG được giữ nguyên vẹn.
Cũng hữu ích: Chuyển SVG sang JPG
Cách hoạt động
Kéo các tệp SVG vào công cụ — dán thẳng biểu tượng kèm mã đánh dấu từ bộ nhớ tạm cũng được.
Chọn tỉ lệ xuất từ 1× đến 4× (mặc định 2×): nó nhân kích thước ghi trong SVG, và mọi tỉ lệ đều ra sắc nét như dao vì pixel sinh ra từ vector.
Tải các PNG sắc nét xuống từng tệp một hoặc gộp thành một tệp ZIP — độ trong suốt đúng như trong bản gốc.
SVG vs PNG
Đây không phải chuyện hơn thua — vector và pixel giải những bài toán khác nhau. SVG vẫn là bản gốc của bạn: phóng to vô hạn, chỉnh sửa được, cực nhẹ. PNG là bản xuất dùng một lần cho slide, cửa hàng và biểu mẫu vốn từ chối vector. Hãy chuyển đổi bản sao, đừng bao giờ thay thế bản gốc.
| SVG | PNG | |
|---|---|---|
| Nén | Vector (văn bản XML) | Không mất dữ liệu |
| Độ trong suốt | Có (alpha đầy đủ) | Có (alpha đầy đủ) |
| Ảnh động | Có (CSS/SMIL) | Không |
| Hỗ trợ | Mọi trình duyệt; thường bị các biểu mẫu tải lên từ chối | Mọi nơi — mọi trình duyệt, trình chỉnh sửa và hệ điều hành |
| Phù hợp nhất cho | Logo, biểu tượng, hình minh họa | Logo, ảnh chụp màn hình, đồ họa có độ trong suốt |
Câu hỏi thường gặp
Không — cả trang web này sinh ra là vì điều đó. Toàn bộ việc chuyển đổi chạy ngay trong trình duyệt của bạn qua WebAssembly: tệp không rời khỏi thiết bị, và không có máy chủ nào tham gia vào quá trình này. Sau khi trang đã tải xong, công cụ vẫn chạy được ngay cả khi mất mạng, còn giới hạn kích thước tệp chỉ phụ thuộc vào bộ nhớ thiết bị của bạn.
SVG là định dạng vector: nó không có kích thước pixel cố định, nên độ phân giải của kết quả là do bạn chọn. Tỉ lệ nhân với kích thước ghi trong SVG: một biểu tượng 100×100 khi xuất ở mức 3× sẽ thành ảnh 300×300. Kết quả được vẽ ra từ vector, nên ở bất kỳ tỉ lệ nào ảnh vẫn sắc nét hoàn hảo — hãy chọn luôn kích thước phù hợp với nhu cầu, thay vì phóng to ảnh sau đó.
Có — mọi vùng mà SVG để trống không tô đều xuất ra trong suốt trong PNG, đúng như thiết kế. Chính vì thế đây là bản xuất phù hợp cho logo và biểu tượng sẽ đặt lên những nền chưa biết trước.
Công cụ đọc chiều rộng và chiều cao ghi trong chính tệp SVG, còn tỉ lệ thì nhân chúng lên. Nếu tệp chỉ có viewBox mà không có kích thước rõ ràng, trình duyệt sẽ áp một giá trị mặc định — nếu kết quả ra nhỏ, hãy nâng tỉ lệ lên 3× hoặc 4×.
Nội dung nhúng sẵn (đường path bên trong tệp, ảnh base64) kết xuất tốt. Còn liên kết tới tệp bên ngoài hay webfont thì có thể không — trình duyệt chặn việc tải chéo nguồn khi rasterize. Với SVG nhiều chữ, hãy chuyển chữ thành đường nét trong công cụ thiết kế trước.
Vì nửa thế giới phần mềm không đọc được vector: slide, sàn thương mại, trang kho ứng dụng, hầu hết biểu mẫu tải lên và mọi mạng xã hội đều muốn pixel. Cách làm hiệu quả là giữ SVG làm bản gốc và xuất các bản PNG theo kích thước mà từng nơi cần — nút chọn tỉ lệ 1–4× tồn tại chính là để những bản sao đó ra sắc nét thay vì bị co kéo về sau. Với web nơi dung lượng quan trọng nhất, Chuyển SVG sang WebP cho bản nhẹ hơn PNG.
Mỗi khi nơi nhận thật sự hỗ trợ vector — website của chính bạn, một hệ thống biểu tượng, việc bàn giao thiết kế. Một logo đã rasterize bị đóng đinh vào một độ phân giải; bản gốc thì luôn sắc nét ở mọi kích thước và thường nhẹ hơn cả một tệp PNG lớn. Hãy rasterize theo từng đích đến cụ thể, đừng coi đó là cách lưu trữ đồ họa.
Công cụ liên quan
Chuyển SVG sang JPG
Chuyển SVG sang JPG ngay trong trình duyệt — miễn phí, riêng tư, không tải lên. Rasterize đồ họa vector lên nền trắng sạch ở tỉ lệ 1–4× mà bạn tự chọn.
Chuyển SVG sang WebP
Chuyển SVG sang WebP ngay trong trình duyệt — miễn phí, riêng tư, không tải lên. Bản raster nhỏ, sắc nét của vector với alpha đầy đủ, chọn tỉ lệ 1–4×.
Chuyển PNG sang ICO (favicon)
Chuyển PNG thành favicon ICO nhiều kích thước ngay trong trình duyệt — miễn phí, không tải lên. Một tệp gồm biểu tượng 16, 32 và 48 px với alpha đầy đủ.
Chuyển SVG sang ICO (favicon)
Chuyển SVG sang ICO ngay trong trình duyệt — miễn phí, không tải lên. Nguồn favicon tốt nhất từng có: vector vẽ sắc như pixel ở 48, 32 và 16 px trong một tệp.