Chuyển SVG sang JPG

Vì sao JPG kị đồ họa vector, và cách mất ít nhất

JPEG được thiết kế cho ảnh chụp: dải chuyển màu mượt và không có cạnh sắc, thứ mà phép biến đổi khối 8×8 và cách lấy mẫu màu của nó xử lý êm. Đồ họa vector thì ngược lại — màu tô phẳng, nét một pixel, góc nhọn và chữ nhỏ — và mỗi cạnh như vậy đều nhiễm một quầng gợn mờ trong JPEG, kèm viền lệch màu ở chỗ cạnh màu đậm gặp màu trắng, vì màu được lưu ở nửa độ phân giải. Từ chất lượng 90 trở lên, quầng gần như không thấy; ở 75, nó lộ ra trên mọi logo. Thanh chất lượng trên trang này khởi đầu ở mức cao chính vì lý do đó.

Màu nền không chỉ là chuyện thẩm mỹ. SVG không có nền vẽ lên khoảng trống, còn JPEG phải có gì đó ở mọi pixel, nên vùng trống được tô trước khi mã hóa. Các cạnh được khử răng cưa vốn hòa dần về trong suốt; giờ chúng hòa về màu đã chọn, nên logo dựng trên nền trắng rồi đặt lên trang tối sẽ lộ một quầng nhạt. Hãy chọn màu của nơi đích, hoặc dùng PNG, vốn giữ cạnh không bị hòa màu.

Mọi thứ tự chứa trong file đều được dựng đúng như vẽ — dải màu, bộ lọc, mask, clipping, ảnh nhúng dạng data URI. Ảnh liên kết và webfont không tải, vì SVG khi được dựng thành ảnh bị cô lập khỏi mạng, và script không chạy. Nếu SVG chỉ khai báo viewBox, tỷ lệ khung hình lấy từ đó và chiều rộng bạn đặt quyết định chiều cao.

Khi bạn cần công cụ khác

rsvg-convert -w 1600 -b white in.svg -o out.png rồi cjpeg -quality 92 cho ra JPEG sạch hơn bộ mã hóa trong trình duyệt, với đầy đủ phông chữ thật đằng sau phần chữ, và Inkscape xuất cả thư mục từ dòng lệnh với DPI và nền tùy chọn.

Trước khi chuyển đổi, hãy hỏi xem nơi đòi JPG có nhận PNG không: gần như mọi nơi đều nhận, và PNG của một logo nhỏ hơn, sắc hơn và trong suốt. Những trường hợp thật sự cần JPG rất hiếm — sàn thương mại với trình tải lên khắt khe, một số xưởng in, và các hệ thống cũ đến mức ra đời trước khi PNG được hỗ trợ.