Chuyển SVG sang JPG

Điều gì thay đổi khi SVG trở thành JPG

SVG không phải một bức ảnh, nó là một tài liệu văn bản chứa đầy các chỉ dẫn về hình khối, đường path và kiểu hiển thị để bộ kết xuất vẽ ra khi cần. Đó là lý do nó luôn nét ở mọi kích thước, và cũng là lý do nó bị từ chối ở rất nhiều nơi: các gian hàng trực tuyến và nền tảng quảng cáo chỉ nhận JPEG hoặc PNG, tài liệu văn phòng làm hỏng nó, nhà in thì muốn pixel. Chuyển sang JPG sẽ thay những chỉ dẫn đó bằng một lưới pixel cố định mà gần như mọi thứ đều hiển thị được.

Ở phía chúng tôi, tệp SVG được kết xuất bằng librsvg thông qua sharp, rồi mã hóa thành JPEG ở chất lượng 90 với lấy mẫu màu 4:2:0. Trang này không có tùy chọn DPI hay tỷ lệ phóng, và điều đó quan trọng với SVG hơn bất kỳ nguồn nào khác: librsvg vẽ tệp theo width và height được khai báo trên phần tử svg gốc, còn khi thiếu hai thuộc tính này thì nó dùng đơn vị của viewBox. Một biểu tượng viết với viewBox 0 0 40 20 mà không có width hay height sẽ thành ảnh JPG 40 x 20 pixel. Hãy đặt width 2400 và height 1200 trong trình soạn thảo văn bản, hoặc xuất ra ở kích thước bạn muốn từ Illustrator, Figma hay Inkscape, và cùng hình vẽ đó sẽ cho bạn ảnh JPG 2400 x 1200.

JPEG không có kênh alpha, nên độ trong suốt phải được xử lý bằng cách nào đó. Các vùng trong suốt được ghép lên nền trắng, với một ngoại lệ: khi phần hình vẽ nhìn thấy được vốn đã rất sáng, lớp nền sẽ chuyển sang đen để một logo trắng không biến mất trên trang trắng. Một tệp SVG trong suốt hoàn toàn thì không có gì để làm phẳng và sẽ trả về lỗi không có dữ liệu đầu ra thay vì một hình chữ nhật trống. Hình học được giữ nguyên trọn vẹn, vì gradient, nét vẽ, mặt nạ cắt và độ mờ đều được cố định luôn vào pixel. Những gì bạn mất là khả năng chỉnh sửa và phóng to vô hạn, cộng thêm một chút độ sắc nét dọc theo các đường biên màu gắt, vì JPEG là định dạng nén mất dữ liệu và việc lấy mẫu màu làm mềm các đường biên màu đậm. Không có EXIF hay profile ICC nào được ghi, và màu được xử lý theo sRGB.

Công cụ chuyển đổi này làm được gì

• Kết xuất bằng librsvg thông qua sharp theo width và height được khai báo trong SVG, hoặc theo đơn vị viewBox khi không khai báo kích thước.
• Mã hóa JPEG ở chất lượng 90 với lấy mẫu màu 4:2:0; chất lượng và kiểu lấy mẫu là cố định, trang này không có thanh trượt chất lượng.
• Làm phẳng kênh alpha kèm kiểm tra hình vẽ: nền trắng cho các thiết kế thông thường, nền đen cho hình vẽ gần như toàn bộ đều sáng, để các logo nhạt màu vẫn nhìn thấy được.
• Sửa các tiền tố namespace xlink, sodipodi và inkscape chưa khai báo trên luồng kết xuất ảnh raster, một nguyên nhân phổ biến khiến SVG xuất từ trình thiết kế không phân tích được ở nơi khác.
• Từ chối kết quả kết xuất trống kèm thông báo lỗi giải thích thay vì đưa cho bạn một ảnh JPG trắng trơn, để bạn biết tệp SVG đã phụ thuộc vào thứ gì đó mà nó không truy cập được.
• Nhận tối đa 10 tệp SVG mỗi lượt và trả về mỗi tệp thành một ảnh JPG riêng.

Câu hỏi về chuyển SVG sang JPG