Chuyển SVG sang PNG

Cách sử dụng

1. Thả file SVG vào, hoặc dán thẳng mã nguồn từ trình soạn thảo của bạn.
2. Chọn tỉ lệ, hoặc gõ đúng chiều rộng tính bằng pixel mà bạn cần.
3. Chọn nền trong suốt hoặc nền trắng — độ trong suốt được giữ trừ khi bạn chọn nền trắng.
4. Bấm chuyển đổi rồi tải file PNG về.

Tính năng

• Vẽ vector đúng ở kích thước đích, nên mức 4× thật sự sắc nét chứ không phải một bản nhỏ được phóng to.
• Xác định kích thước đúng cách khi SVG không khai báo, lấy hình dạng từ viewBox thay vì rơi vào kích thước mặc định của trình duyệt.
• Hiểu width và height theo px, pt, cm, mm và inch, đồng thời biết rằng giá trị phần trăm là vô nghĩa nếu không có khung chứa.
• Giữ nguyên độ trong suốt, hoặc lấp nền trắng cho những nơi cần nền đặc.
• Chạy hoàn toàn trong trình duyệt. Không có gì được tải lên — điều này quan trọng khi file là một logo chưa công bố.

Câu hỏi thường gặp

Vì sao SVG của tôi xuất ra chỉ 300 × 150?

Đó là kích thước mặc định trình duyệt gán cho một ảnh không khai báo kích thước, và cũng là lý do thường gặp khiến SVG xuất ra bị mờ hoặc bị cắt. Công cụ này không bao giờ dùng con số đó: nếu thuộc tính width và height thiếu hoặc ghi theo phần trăm, kích thước sẽ lấy từ viewBox và bạn được báo rõ điều đó.

Nên xuất ở kích thước nào?

Gấp hai đến ba lần kích thước hiển thị thực tế, nếu ảnh dùng trên màn hình. Một logo hiển thị rộng 200px nên xuất ở 400 hoặc 600 để vẫn sắc trên màn hình mật độ cao. Vượt quá 3× thì dung lượng file tăng nhanh hơn nhiều so với mức cải thiện chất lượng.

Vì sao phông chữ trong file PNG bị sai?

Vì chữ trong SVG được kết xuất bằng các phông có sẵn tại nơi rasterise — ở đây là trình duyệt của bạn. Nếu file tham chiếu tới một phông chưa cài, hệ thống sẽ thay bằng phông khác. Chuyển chữ thành đường path trong công cụ thiết kế trước khi xuất sẽ xoá bỏ hoàn toàn vấn đề này, và rất đáng làm với logo.

Có chuyển được SVG liên kết tới file khác không?

Không đáng tin cậy. SVG tham chiếu tới ảnh, phông hay stylesheet bên ngoài sẽ được kết xuất mà thiếu chúng, vì file được xử lý biệt lập để bảo mật — không có tài nguyên nào bị tải về. Hãy nhúng các tài nguyên đó vào SVG trước, mọi thứ sẽ hiển thị đầy đủ.

Công cụ liên quan