SVG sang PNG
Chuyển đồ họa SVG sang PNG ở bất kỳ kích thước nào — 1x, 2x hoặc 4x — nền trong suốt hoặc trắng. Chạy hoàn toàn trong trình duyệt của bạn, không tải lên gì cả.
Thả ảnh vào đây, hoặc nhấp để chọn
Xử lý cục bộ — không có gì được tải lên
Cách chuyển SVG sang PNG
Thả tệp SVG vào khung. Đồ họa vector tải ngay lập tức và hiển thị ở kích thước gốc. Tệp của bạn chỉ nằm trong tab này và không bao giờ bị tải lên.
Chọn chiều rộng và tỷ lệ xuất — xuất ở 1x, 2x hoặc 4x cho màn hình retina. Chọn nền trong suốt hoặc tô trắng.
Nhấn «Chuyển đổi» và tải PNG về. Nó mở được ở mọi nơi — ứng dụng chat, mạng xã hội và phần mềm văn phòng không nhận tệp SVG.
Mẹo thực tế
PNG so với SVG: chọn đúng định dạng cho từng việc
Hai định dạng trả lời hai câu hỏi khác nhau. SVG trả lời «làm sao giữ nét ở mọi kích thước?» — hoàn hảo khi đang thiết kế, chỉnh sửa hay dựng site. PNG trả lời «làm sao chắc chắn nó mở được ở mọi nơi?» — hoàn hảo cho việc bàn giao, vì mọi hệ điều hành, ứng dụng chat và trình duyệt đã hiển thị PNG suốt hàng chục năm. Quy trình thực dụng dùng cả hai: giữ bản master dạng SVG trong công cụ thiết kế, và xuất các bản sao PNG đúng kích thước mỗi nền tảng cần. Công cụ này đảm nhận bước xuất — biến tệp vector master của bạn thành PNG sẵn dùng trong vài giây.
Retina và xuất responsive: vì sao 2x quan trọng
Màn hình điện thoại và laptop hiện đại nhét hai, thậm chí ba điểm ảnh vật lý vào mỗi pixel CSS. Một biểu tượng xuất rộng 100 pixel CSS bị kéo giãn thành 200 pixel vật lý trên màn hình retina — và PNG không thể bịa ra chi tiết còn thiếu, nên trông mềm nhũn. Cách khắc phục rất đơn giản: xuất ở 2x (hoặc 4x cho màn hình mật độ cực cao) và để trình duyệt thu nhỏ lại. Tùy chọn 2x và 4x ở đây làm đúng điều đó, và vì nguồn của bạn là vector, mọi bản xuất phóng to đều sắc nét tuyệt đối. Phân vân giữa hai kích thước thì chọn cái lớn hơn — thu nhỏ một PNG sắc nét luôn an toàn, phóng to một PNG nhỏ thì không bao giờ.
Nền trong suốt làm đúng cách
PNG lưu thêm một giá trị cho mỗi điểm ảnh — alpha — cho biết điểm ảnh đó trong suốt đến đâu. Khi chuyển một SVG có vùng trong suốt, thông tin này được giữ nguyên, khiến PNG trở thành định dạng tự nhiên cho biểu tượng, sticker và ảnh sản phẩm cắt nền đặt lên bất kỳ nền nào. Điều duy nhất cần để ý là phần xung quanh vùng trong suốt: trong ứng dụng chế độ tối, một biểu tượng trong suốt hoàn toàn có thể biến mất trên nền giao diện đen, và các công cụ xem trước thường thể hiện độ trong suốt bằng bàn cờ trông kỳ quặc trong ảnh chụp màn hình. Tùy chọn nền trắng sinh ra chính cho những lúc đó — nó làm phẳng ảnh để đồ họa hiển thị giống nhau ở mọi nơi, đổi lại là mất kênh alpha.
Câu hỏi thường gặp
Vì sao tôi cần PNG thay vì SVG?+
SVG hoàn hảo cho công việc thiết kế, nhưng nhiều nền tảng hằng ngày không nhận nó: bài đăng Instagram, sticker WhatsApp, tài liệu Word và chữ ký email đều chờ định dạng bitmap như PNG. Khi cần một bức ảnh dùng được ở mọi nơi, hãy chuyển nó sang PNG.
Tôi nên xuất ở kích thước nào?+
Khớp với mục đích cuối: 1x cho biểu tượng hiển thị đúng kích thước gốc, 2x cho hầu hết đồ họa web và ứng dụng trên màn hình retina, và 4x cho bìa, poster và mọi thứ dùng để in. SVG là vector nên xuất lớn không bao giờ bị mờ — cái giá duy nhất là dung lượng tệp.
Nền trong suốt có giữ nguyên sau khi chuyển đổi không?+
Có — PNG giữ kênh alpha, nên vùng trong suốt vẫn trong suốt. Chỉ chọn nền trắng khi bạn muốn một bức ảnh phẳng, ví dụ để tránh biểu tượng trong suốt bị «tàng hình» trong trình xem chế độ tối.
Công cụ này có thực sự miễn phí không?+
Có. Việc kết xuất diễn ra trên thiết bị của bạn — không máy chủ, không hàng chờ tải lên, và không bao giờ có watermark. Chuyển bao nhiêu tệp tùy thích.
Vì sao SVG của tôi kết xuất ra trống không?+
Hầu như luôn là do SVG vẽ mọi thứ bằng script hoặc tham chiếu tệp bên ngoài, thứ mà một công cụ chuyển đổi độc lập không tải được. Tệp xuất từ Figma, Illustrator hoặc Inkscape kết xuất bình thường. Nếu tệp của bạn từ một framework, hãy xuất thành SVG tĩnh thuần từ công cụ thiết kế trước rồi mới chuyển.