Chuyển SVG Sang PNG - Miễn Phí, Mọi Kích Thước, Ngay Trên Trình Duyệt

SVG không phải một bức tranh — nó là một tập hợp các chỉ dẫn vẽ. Chính vì thế nó sắc nét ở mọi kích thước: các hình được tính lại mỗi lần hiển thị. Biến nó thành PNG nghĩa là thực thi những chỉ dẫn đó một lần, ở một kích thước, rồi đóng băng kết quả vào lưới điểm ảnh. Bạn đang từ bỏ ưu thế lớn nhất của định dạng này, nên rất đáng để hiểu rõ mình nhận lại được gì.

Cách chuyển SVG sang PNG

1. 1 Thả tệp .svg vào vùng tải lên.
2. 2 Đặt chiều rộng đầu ra. Các nút 1x, 2x và 4x tính từ kích thước ghi trong tệp; nếu tệp không có, chúng tôi bắt đầu từ 1024 pixel.
3. 3 Nhấn Chuyển đổi rồi tải tệp PNG về. Những vùng trong suốt vẫn trong suốt.

Kích thước bạn chọn trở thành trần

Đây là quyết định thực sự duy nhất trên trang này. SVG không có độ phân giải gốc nào để quay về, nên chiều rộng bạn nhập chính là mức sắc nét cao nhất mà bức ảnh từng đạt được — phóng to tệp PNG sau đó thì nó sẽ mờ, hệt như mọi ảnh bitmap khác. Thói quen an toàn là xuất ở gấp đôi kích thước hiển thị, đủ cho màn hình mật độ cao, và giữ lại chính tệp SVG cho bất cứ thứ gì sau này có thể cần lớn hơn. Nếu tệp không mang sẵn chiều rộng, chúng tôi bắt đầu ở 1024 pixel: một giá trị mặc định hợp lý, chứ không phải một kích thước gốc có ý nghĩa.

Khi nào thực sự cần PNG

Rất nhiều nơi vẫn từ chối SVG, và thường là có lý do chính đáng: một tệp SVG có thể chứa mã kịch bản, nên những hệ thống nhận tệp tải lên từ người lạ thường loại thẳng nó. Trường hợp phổ biến nhất là ảnh xem trước trên mạng xã hội — og:image và thẻ Twitter đều muốn ảnh bitmap. Ngoài ra còn: mẫu thư điện tử, hồ sơ trên kho ứng dụng và sàn thương mại, quy trình in ấn, phần mềm thiết kế đời cũ, tài nguyên game và canvas, cùng mọi thứ cần một kích thước điểm ảnh cố định để dựng bố cục xung quanh. Ở tất cả những nơi đó, ràng buộc nằm ở phía nhận, không nằm trong tệp của bạn.

Phông chữ và tệp liên kết sẽ không đi theo

Vì lý do an toàn, trình duyệt kết xuất SVG trong một hộp cát: không mã kịch bản nào chạy và không tài nguyên bên ngoài nào được tải. Đó là hành vi đúng, nhưng ở đây nó có hệ quả thấy được. Nếu tệp SVG của bạn tham chiếu một phông chữ web, chữ sẽ rơi về phông hệ thống và hình dạng xô lệch. Nếu nó liên kết tới một ảnh bên ngoài, ảnh đó đơn giản là không hiện ra. Nếu nó dựa vào CSS của trang bao quanh, phần định kiểu đó biến mất. Cách khắc phục là làm cho tệp tự chứa trước khi chuyển đổi — đổi chữ thành đường viền và nhúng mọi hình ảnh vào. Dù sao thì đó cũng là điều bạn cần làm trước khi đưa một tệp SVG cho người khác.