Chuyển đến nội dung

Chuyển SVG sang PNG và PNG sang SVG

Xuất SVG thành PNG sắc nét ở mọi kích thước, hoặc vector hóa PNG, JPG thành SVG, việc chuyển đổi diễn ra ngay trên trình duyệt.

Thả tệp SVG vào đâyhoặc nhấp để duyệt · dán mã SVG bằng Ctrl+V
Chọn SVGXử lý trên thiết bị của bạn – không tải lên
Chạy ngay trên trình duyệt · không cần tải lênCách hoạt động

Cách sử dụng Chuyển đổi SVG ↔ PNG

  1. 1

    Tải SVG vào

    Thả một hoặc nhiều tệp .svg, dán mã SVG vào bất cứ đâu trên trang, hoặc nhập vào ô mã rồi nhấn Kết xuất SVG.

  2. 2

    Chọn kích thước đầu ra

    Chọn 1×, 2×, 4× hoặc 8× kích thước gốc của SVG, hoặc nhập chiều rộng chính xác tối đa 16.384 pixel; chiều cao tự điều chỉnh theo.

  3. 3

    Chọn định dạng và nền

    PNG giữ nền trong suốt; JPG và WebP có thanh trượt chất lượng, và định dạng nào cũng có thể tô nền bằng một màu.

  4. 4

    Tải xuống

    Lưu PNG, đặt tên theo tệp và kích thước như logo-512x512.png, hoặc tải tất cả cùng lúc dưới dạng svg-to-png.zip.

Giới hạn và Pro

SVG sang PNG: không giới hạn số tệp SVG, mỗi tệp xuất tối đa 16.384 px mỗi cạnh và 120 megapixel. PNG sang SVG: mỗi lần một ảnh tối đa 25 MB.

Pro nâng giới hạn đầu vào của PNG sang SVG lên tệp tối đa 4 GB. Xem Pro

Về Chuyển đổi SVG ↔ PNG

SVG sang PNG biến ảnh vector thành ảnh pixel thông thường. Công cụ vẽ trực tiếp tệp bằng bộ máy SVG của chính trình duyệt, đúng theo kích thước bạn chọn. Vì vậy, biểu tượng 64 pixel xuất ở 8× sẽ thành ảnh 512 pixel sắc nét, không phải ảnh phóng to bị mờ. Kích thước đầu ra lấy từ thuộc tính width và height của SVG, các đơn vị như mm, pt hay in được quy đổi theo 96 pixel mỗi inch; nếu không có thì lấy từ viewBox. PNG giữ nguyên độ trong suốt alpha và được tối ưu không mất dữ liệu bằng OxiPNG; JPG không có độ trong suốt nên được tô nền trắng, trừ khi bạn chọn màu khác. Bản xem trước cập nhật khi bạn đổi cài đặt, nên bạn thấy đúng kết quả trước khi tải.

Bạn cần PNG ở những nơi không nhận SVG: mạng xã hội, ứng dụng nhắn tin, Word và PowerPoint đời cũ, chữ ký email, trang cửa hàng ứng dụng và nhiều trình tạo website. Xuất ở 2× hoặc 4× cũng cho ảnh nét trên màn hình điện thoại mật độ cao.

Vì SVG được vẽ như một ảnh độc lập nên không thể lấy gì từ internet: ảnh liên kết và phông chữ web gọi qua URL sẽ không tải, và văn bản dùng phông cài trên thiết bị. Hãy nhúng phông và ảnh dưới dạng data URI, hoặc chuyển văn bản thành đường viền trước khi xuất. Tập lệnh và hiệu ứng động không chạy, nên bạn chỉ nhận một khung hình tĩnh. Tab PNG sang SVG làm ngược lại: dò ảnh thành các đường vector.

Quyền riêng tư

Việc kết xuất diễn ra trong bộ máy SVG tích hợp của trình duyệt, còn ảnh được mã hóa bằng codec WebAssembly jSquash trong Web Worker ngay trên tab này, chỉ tải từ chính trang này sau khi bạn thêm tệp. Mã SVG và ảnh xuất ra không rời khỏi thiết bị; không có gì được tải lên, và bộ kết xuất cũng không thể gửi yêu cầu mạng thay cho SVG.

Tính năng

Sắc nét ở mọi kích thước

Vector được vẽ lại theo độ phân giải đầu ra: xuất 1×, 2×, 4×, 8× hoặc chiều rộng pixel chính xác.

Nền trong suốt

PNG và WebP giữ độ trong suốt; hoặc tô nền bằng bất kỳ màu nào.

Dán mã SVG

Dán mã trực tiếp từ trình soạn thảo hoặc công cụ thiết kế, không cần tệp.

Xuất hàng loạt

Chuyển cả bộ biểu tượng với cùng cài đặt và tải xuống một tệp ZIP.

Có cả PNG sang SVG

Chuyển tab để dò logo PNG hoặc JPG thành các đường vector gọn gàng.

Chuyển đổi SVG ↔ PNG: câu hỏi thường gặp

Làm sao chuyển SVG sang PNG nền trong suốt?
Giữ định dạng PNG và Nền ở chế độ trong suốt (đây là mặc định), rồi tải xuống. Mọi vùng SVG không tô màu vẫn hoàn toàn trong suốt trong PNG, còn màu tô bán trong suốt và viền mềm giữ nguyên giá trị alpha. JPG không lưu được độ trong suốt, nên với JPG vùng trống sẽ được tô màu trắng hoặc màu bạn chọn ở mục Nền.
Nên xuất SVG ở kích thước nào?
Với website, hãy xuất gấp 2× kích thước hiển thị, ví dụ rộng 600 pixel cho khung 300 pixel, để ảnh vẫn nét trên màn hình mật độ cao. Biểu tượng ứng dụng và trang cửa hàng thường yêu cầu hình vuông 512 hoặc 1024 pixel. Để in, lấy chiều rộng tính bằng inch nhân 300. Vector được vẽ lại ở mọi kích thước, nên ảnh càng lớn càng không bị mờ, chỉ to hơn.
Vì sao phông chữ hoặc ảnh trong SVG hiển thị sai?
SVG được vẽ như một ảnh không thể tải gì về, nên phông liên kết từ Google Fonts hay máy chủ khác, và ảnh gọi qua URL đều bị thiếu; văn bản sẽ dùng phông cài trên thiết bị. Hãy mở tệp trong ứng dụng thiết kế rồi chuyển văn bản thành đường viền, hoặc nhúng phông và ảnh dưới dạng dữ liệu base64, sau đó xuất lại SVG và kết xuất tại đây.
Có thể chuyển nhiều tệp SVG cùng lúc không?
Có. Thả bao nhiêu tệp SVG tùy ý; chúng hiện trong một danh sách và tệp đang chọn được xem trước. Cài đặt kích thước, định dạng và nền áp dụng cho tất cả, nên cả bộ biểu tượng có thể xuất ở 4× trong một lần. Nút tải xuống sẽ tạo svg-to-png.zip, mỗi PNG được đặt tên theo tệp gốc và kích thước pixel cuối cùng.
Vì sao PNG có kích thước khác với dự kiến?
Kích thước gốc lấy từ thuộc tính width và height của SVG, quy đổi sang pixel theo 96 mỗi inch, rồi nhân với tỉ lệ bạn chọn. Nếu SVG chỉ có viewBox thì các số trong đó được coi là pixel; nếu không có cả hai, trình duyệt mặc định 300 × 150. Để có kết quả chính xác với mọi tệp, hãy chọn tùy chọn px và nhập chiều rộng cần dùng; chiều cao giữ đúng tỉ lệ.

Tác vụ khác với công cụ này

Tất cả công cụ ảnh