SVG hay PNG: Nên dùng loại nào cho logo và biểu tượng?
Cả hai định dạng đều hỗ trợ độ trong suốt và đều tốt cho logo. Khác biệt nằm ở cách chúng lưu hình ảnh, và điều đó quyết định mỗi loại hợp với đâu nhất.
Vector và bitmap
SVG lưu các hình khối và đường cong dưới dạng chỉ dẫn, nên có thể phóng to tùy ý mà không bị mờ và thường rất nhẹ. PNG lưu một lưới cố định các điểm ảnh có màu. Phóng to lên, nó trở nên mềm và vỡ khối.
Dùng SVG khi
Hình ảnh là logo, biểu tượng, biểu đồ hoặc hình minh họa đơn giản hiển thị trên website. SVG luôn sắc nét ở mọi mật độ màn hình và có thể tạo kiểu bằng CSS.
Dùng PNG khi
Bạn cần đặt ảnh ở nơi không chấp nhận SVG: chữ ký email, nhiều mạng xã hội, bài thuyết trình, sàn thương mại điện tử và kho ứng dụng. PNG cũng là lựa chọn đúng cho ảnh chụp màn hình và mọi ảnh có chi tiết như ảnh chụp.
Chuyển SVG sang PNG sao cho tốt
Chọn kích thước đầu ra bạn cần và kết xuất ở 2x trở lên cho màn hình retina. Với in ấn, hãy nhắm tới kích thước điểm ảnh cho ít nhất 300 điểm ảnh mỗi inch ở kích thước in.