Cách chuyển SVG sang PNG mà không giảm chất lượng

Một SVG không được tạo từ pixel. Đó là một tập hợp các lệnh, vẽ một đường ở đây, tô hình này bằng màu kia, nên nó có thể được vẽ ở bất kỳ kích thước nào mà vẫn giữ được độ sắc nét hoàn hảo. Đó là lý do logo và biểu tượng thường ở định dạng SVG: cùng một file trông sắc nét cả trên danh thiếp lẫn trên biển quảng cáo lớn.

PNG thì ngược lại: một lưới pixel cố định. Nếu bạn xuất ở, ví dụ, 512 pixel chiều rộng, thì đó chính là kết quả bạn nhận được. Phóng to nó vượt quá kích thước gốc, ảnh sẽ bị vỡ hình khối, giống hệt khi bạn phóng to một bức ảnh. Chuyển SVG sang PNG nghĩa là biến các lệnh vẽ đó thành một lưới cố định, bước này gọi là rasterization.

Vì PNG có kích thước pixel cố định, nên không hề có một cách chuyển đổi SVG sang PNG "không mất dữ liệu" duy nhất nào: bạn đang chọn một độ phân giải, và chất lượng phụ thuộc vào lựa chọn đó. Bí quyết là kết xuất ở độ phân giải đủ cao cho mục đích sử dụng thực tế của hình ảnh.

Một quy tắc chung khá tốt là xuất ở mức gấp hai hoặc ba lần kích thước bạn sẽ hiển thị hình ảnh. Nếu một logo hiển thị ở chiều rộng 200 pixel trên trang, hãy xuất nó ở 400 hoặc 600 pixel để nó vẫn sắc nét trên màn hình độ phân giải cao. Cần dùng để in ấn? Hãy chọn kích thước lớn hơn nữa. Sai lầm thực sự duy nhất là xuất quá nhỏ rồi sau đó phóng to lên, đó là điều duy nhất khiến chất lượng giảm rõ rệt.

Quá trình chuyển đổi chạy ngay trên thiết bị của bạn, nên file không bao giờ bị tải lên:

• Mở công cụ chuyển SVG → PNG và thả file SVG của bạn vào.
• Đặt kích thước đầu ra: nhập chiều rộng pixel bạn muốn (số càng lớn thì càng sắc nét, và file càng lớn).
• Xuất và tải PNG của bạn về.

Vì mọi thứ diễn ra ngay trong trình duyệt của bạn, bạn có thể ngắt mạng sau khi trang đã tải xong mà nó vẫn hoạt động bình thường, đó là bằng chứng cho thấy SVG không hề được gửi đến máy chủ nào. Không cần tài khoản, không có watermark, và không giới hạn số lần chuyển đổi.

SVG thường có nền trong suốt, và đặc điểm này được giữ nguyên: xuất sang PNG thì các vùng trong suốt vẫn trong suốt, vì PNG hỗ trợ kênh alpha. Logo của bạn sẽ không tự dưng có thêm một khung nền trắng phía sau.

Nếu bạn không chắc nên chọn chiều rộng pixel bao nhiêu, hãy bắt đầu từ nơi hình ảnh sẽ xuất hiện. Một favicon có thể chỉ cần 64 pixel; một hình ảnh chính có thể cần đến 2.000 pixel hoặc hơn. Nếu còn phân vân, hãy chọn kích thước lớn hơn: sau này bạn luôn có thể nén PNG lại để giảm dung lượng file, nhưng bạn không thể thêm chi tiết vào một ảnh đã xuất ra quá nhỏ. Và nếu sau này bạn cần một file JPG thay thế, việc chuyển PNG sang JPG chỉ mất một giây.