Công cụ chuyển SVG sang PNG

SVG sang PNG là gì?

Công cụ này kết xuất ảnh vector SVG thành ảnh PNG. Tải file .svg lên hoặc dán mã SVG, chọn hệ số tỉ lệ (1×–4× hoặc giá trị bất kỳ) hoặc chiều rộng hay chiều cao cố định, và giữ nền trong suốt hoặc tô một màu. Vector được kết xuất lại ở kích thước đích, nên PNG luôn sắc nét ở mọi độ phân giải.

Cách sử dụng SVG sang PNG

1. Thả hoặc chọn file SVG, hoặc dán mã SVG vào ô Mã SVG.
2. Kiểm tra Kích thước gốc được phát hiện (từ width/height, từ viewBox, hoặc mặc định 300×150).
3. Trong Kích thước đầu ra, chọn hệ số tỉ lệ hoặc chiều rộng/chiều cao cố định rồi nhập giá trị.
4. Giữ bật Nền trong suốt, hoặc bỏ chọn và chọn màu nền.
5. Tải PNG xuống (tên dạng logo@2x.png).

Ví dụ

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 12"><rect width="24" height="12" fill="#ff0000"/></svg> at scale 2

PNG 48×24 màu đỏ đặc (kích thước gốc 24×12 lấy từ viewBox)

Khi nào nên dùng SVG sang PNG

Dùng để tạo icon, logo hoặc hình minh họa PNG cho ứng dụng, mạng xã hội, tài liệu hoặc nền tảng không chấp nhận SVG. Hãy tiếp tục dùng SVG trên web khi có thể: nó nhỏ hơn và không phụ thuộc độ phân giải. SVG dựa vào font hoặc ảnh bên ngoài sẽ được kết xuất mà không có chúng.

SVG sang PNG hoạt động như thế nào

Công cụ đọc width, height và viewBox của phần tử gốc <svg> để tính kích thước gốc (đơn vị tuyệt đối như pt, mm và in được đổi sang px; phần trăm sẽ dùng viewBox thay thế). Sau đó nó viết lại phần tử gốc với đúng chiều rộng và chiều cao đích (thêm viewBox nếu thiếu để hình được co giãn), tải nó như một ảnh và vẽ lên canvas cùng kích thước, nhờ vậy vector được raster hóa ở độ phân giải đầy đủ thay vì phóng to từ bitmap nhỏ.

Các Trường Hợp Sử Dụng Phổ Biến

• ✓ Xuất logo SVG ở 2× và 3× cho tài nguyên ứng dụng di động.
• ✓ Tạo icon PNG 512×512 từ SVG cho trang ứng dụng trên store.
• ✓ Chuyển biểu đồ SVG sang PNG cho slide hoặc tài liệu Word.
• ✓ Tạo PNG nền trắng cho nền tảng hiển thị vùng trong suốt thành màu đen.

Câu Hỏi Thường Gặp

Khám phá thêm danh mục