SVG to PNG Converter
Chuyển mã SVG thành ảnh PNG
Chuyển đổi SVG sang PNG trực tuyến
Công cụ chuyển đổi SVG sang PNG cho phép bạn dán code SVG và xuất ngay ra file ảnh PNG độ phân giải cao, hoàn toàn trong trình duyệt mà không cần cài phần mềm. Bạn có thể tùy chỉnh hệ số tỉ lệ (scale) để nhân đôi hoặc tăng gấp nhiều lần kích thước ảnh đầu ra, phù hợp cho màn hình Retina và in ấn. Mọi xử lý đều diễn ra phía client, dữ liệu của bạn không được gửi lên bất kỳ máy chủ nào.
Lợi ích
So với việc dùng phần mềm đồ họa nặng nề, công cụ này mang lại nhiều ưu điểm thiết thực:
- Không cài đặt: Chạy hoàn toàn trên trình duyệt, không cần Illustrator, Inkscape hay bất kỳ ứng dụng nào.
- Kiểm soát độ phân giải: Tùy chọn scale giúp bạn xuất PNG ở 1×, 2×, 4× hoặc bất kỳ hệ số nào, đảm bảo ảnh sắc nét trên màn hình HiDPI và khi in.
- Bảo mật tuyệt đối: Code SVG chỉ được xử lý trong tab trình duyệt của bạn, không bao giờ rời khỏi thiết bị.
- Tốc độ tức thì: Chuyển đổi hoàn tất trong vài mili giây, ngay cả với SVG phức tạp.
Trường hợp sử dụng
Công cụ hữu ích cho nhiều đối tượng và tình huống khác nhau:
- Nhà phát triển front-end cần xuất icon SVG thành PNG để hỗ trợ trình duyệt cũ hoặc nền tảng không nhận SVG.
- Designer xuất logo vector sang PNG với độ phân giải cao cho tài liệu Word, PowerPoint hoặc email marketing.
- Lập trình viên kiểm tra nhanh kết quả render của một đoạn code SVG mà không cần mở trình soạn thảo đồ họa.
- Người dùng cần ảnh PNG từ biểu đồ SVG (chart, diagram) để đính kèm báo cáo hoặc chia sẻ qua mạng xã hội.
- Tạo ảnh preview PNG từ SVG để dùng làm thumbnail hoặc Open Graph image cho website.
Cách sử dụng
Chỉ cần vài bước đơn giản:
- Bước 1: Dán toàn bộ code SVG (bắt đầu bằng
) vào ô soạn thảo. - Bước 2: Chọn hệ số scale mong muốn – để nguyên
1cho kích thước gốc, nhập2để nhân đôi độ phân giải, v.v. - Bước 3: Nhấn nút Chuyển đổi để render ảnh PNG ngay trong trình duyệt.
- Bước 4: Xem trước kết quả và nhấn Tải xuống để lưu file PNG về máy.
Câu hỏi thường gặp
Tại sao ảnh PNG đầu ra bị mờ? Hãy tăng giá trị scale lên 2 hoặc cao hơn. Kích thước PNG phụ thuộc vào thuộc tính width/height trong thẻ SVG nhân với hệ số scale bạn chọn.
SVG có dùng font chữ ngoài có được không? Font được nhúng trực tiếp trong SVG (dạng Base64 hoặc thẻ <style>) sẽ render đúng. Font tải từ URL bên ngoài (Google Fonts, v.v.) có thể không hiển thị do giới hạn CORS khi render trên canvas.
Kích thước file PNG tối đa là bao nhiêu? Không có giới hạn cứng, nhưng với SVG rất lớn và scale cao (ví dụ 8×), trình duyệt cần đủ bộ nhớ RAM để render canvas. Nếu gặp lỗi, hãy thử giảm hệ số scale xuống.
Công cụ có hỗ trợ SVG chứa ảnh raster nhúng không? Có. Ảnh raster nhúng dạng Base64 bên trong SVG sẽ được giữ nguyên trong file PNG đầu ra.