Cách sử dụng
- Chọn tệp .svg (tối đa 5 MB) hoặc dán mã SVG vào ô.
- Chọn hệ số tỷ lệ, chẳng hạn 2× cho màn hình mật độ điểm ảnh cao, hoặc nhập chiều rộng chính xác theo pixel.
- Giữ nền trong suốt hoặc chọn màu nền.
- Kiểm tra bản xem trước rồi tải PNG xuống, hoặc chọn WebP nếu trình duyệt hỗ trợ.
Cách hoạt động
SVG là định dạng vector: các hình dạng được mô tả bằng toán học nên có thể hiển thị sắc nét ở mọi kích thước. PNG là lưới điểm ảnh, định dạng được nhiều ứng dụng, tài liệu, ứng dụng email và mạng xã hội yêu cầu. Công cụ này dùng bộ kết xuất của trình duyệt để vẽ SVG theo kích thước bạn chọn, rồi lưu thành PNG.
Kích thước ban đầu được lấy từ các thuộc tính width và height của SVG. Các đơn vị tuyệt đối được đổi sang pixel (1 in = 96 px, 1 pt = 1.33 px). Nếu chỉ có một hoặc không có kích thước nào được chỉ định, viewBox sẽ cung cấp tỷ lệ và kích thước; nếu không có cả hai, trình duyệt sẽ dùng 300 × 150. Các giá trị tương đối như 100% không thể xác định cho một tệp độc lập, nên viewBox sẽ được dùng thay thế.
SVG được tải dưới dạng hình ảnh, đây là cách an toàn để hiển thị tệp không đáng tin cậy: tập lệnh không được thực thi và tài nguyên bên ngoài như hình ảnh được liên kết, phông chữ web và tệp CSS không được tải. Văn bản sử dụng phông chữ chưa cài trên thiết bị sẽ được hiển thị bằng phông chữ thay thế. XML được kiểm tra trước, nên lỗi nhập liệu sẽ hiển thị thông báo rõ ràng thay vì ảnh trống.
Ví dụ
Biểu tượng ứng dụng từ logo SVG
Logo có viewBox="0 0 64 64" khi xuất với chiều rộng 1024 sẽ tạo PNG 1024 × 1024 có đường viền sắc nét, sẵn sàng dùng cho cửa hàng ứng dụng hoặc trình tạo favicon.
Ảnh Retina cho website
Hình minh họa có kích thước 400 × 300 ở tỷ lệ 1× khi xuất với tỷ lệ 2 sẽ tạo PNG 800 × 600, vẫn sắc nét trên màn hình mật độ điểm ảnh cao.
Trang chiếu hoặc tài liệu
Xuất SVG biểu đồ ở tỷ lệ 3 với nền trắng sẽ tạo PNG có thể dán vào phần mềm trình chiếu không hỗ trợ SVG.
Câu hỏi thường gặp
Tại sao văn bản của tôi dùng sai phông chữ?
Phông chữ được liên kết từ web sẽ không được tải khi SVG được vẽ dưới dạng hình ảnh. Phông chữ đã cài trên thiết bị sẽ được dùng nếu phù hợp. Để đảm bảo hiển thị đúng, hãy chuyển văn bản thành đường viền trong chương trình thiết kế hoặc nhúng phông chữ vào SVG dưới dạng data URL.
Tại sao hình ảnh được liên kết không hiển thị?
Vì lý do bảo mật, hình ảnh được tham chiếu bằng URL bên trong SVG sẽ bị chặn khi kết xuất SVG dưới dạng hình ảnh. Hình ảnh được nhúng (data: URL) vẫn hoạt động.
Kích thước đầu ra tối đa là bao nhiêu?
Tối đa 16.384 px mỗi cạnh và tổng cộng 50 megapixel. Quá trình xuất SVG phức tạp ở kích thước rất lớn có thể mất vài giây và có thể thất bại trên điện thoại có ít bộ nhớ.
Chuyển đổi SVG từ nguồn không xác định có an toàn không?
Kết xuất SVG tại đây an toàn: SVG được vẽ dưới dạng hình ảnh không thể chạy tập lệnh hoặc tải tài nguyên bên ngoài. PNG sau khi chuyển đổi chỉ chứa điểm ảnh.
Quyền riêng tư
SVG được phân tích và vẽ trong trình duyệt của bạn. Tệp không được tải lên, lưu trữ hoặc đưa vào dữ liệu phân tích.