Chuyển đổi miễn phí
SVG sang PNG Bộ chuyển đổi
Chuyển đổi tệp Vector SVG thành hình ảnh Raster PNG chất lượng cao. Tùy chỉnh tỷ lệ đầu ra và màu nền dễ dàng trong trình duyệt của bạn.
Kéo và thả SVG vào đây
Hỗ trợ lên tới 50MB
Hoặc
Chuyển đổi tệp Vector SVG thành hình ảnh Raster PNG chất lượng cao. Tùy chỉnh tỷ lệ đầu ra và màu nền dễ dàng trong trình duyệt của bạn.
Hỗ trợ lên tới 50MB
SVG (Đồ họa vectơ có thể mở rộng) mô tả hình ảnh dưới dạng một tập hợp các nguyên hàm hình học - đường dẫn, hình dạng, văn bản, độ dốc - có tỷ lệ theo bất kỳ kích thước nào mà không làm giảm chất lượng. PNG lưu trữ một lưới pixel hình chữ nhật ở độ phân giải cố định. Chuyển đổi SVG sang PNG là một bước rasterization: hướng dẫn vẽ của SVG được đánh giá ở kích thước pixel đã chọn và bitmap kết quả được mã hóa dưới dạng PNG. Đầu ra trông sắc nét ở kích thước bạn đã chỉ định nhưng sẽ tạo pixel nếu tăng tỷ lệ.
Bộ chuyển đổi này hiển thị SVG bằng công cụ SVG tích hợp trong trình duyệt. SVG được tải vào phần tử Hình ảnh, được vẽ trên khung vẽ HTML5 ở kích thước đầu ra đã chọn và xuất dưới dạng PNG qua canvas.toBlob. Bởi vì trình duyệt thực hiện rasterization, các tính năng SVG phức tạp - độ dốc, bộ lọc, mặt nạ, hình động dưới dạng khung tĩnh - hiển thị giống như cách chúng làm trên một trang web thực.
Quyết định quan trọng nhất trong việc chuyển đổi SVG sang PNG là kích thước mục tiêu. SVG không phụ thuộc vào độ phân giải, do đó, việc chọn kích thước PNG phù hợp với mức sử dụng thực tế sẽ tránh cung cấp quá mức (tệp lớn cho các biểu tượng có kích thước hình thu nhỏ) và cung cấp dưới mức (đầu ra bị mờ khi tăng tỷ lệ sau này). Mục tiêu phổ biến: 32×32 hoặc 64×64 cho biểu tượng, 256×256 hoặc 512×512 cho logo, 1024×1024 cho đồ họa anh hùng, 2048×2048 cho nội dung chất lượng retina.
SVG rất tuyệt vời cho web và các công cụ thiết kế hiện đại nhưng lại tệ cho nhiều bối cảnh khác. Ứng dụng email khách hiển thị SVG không nhất quán; một số chặn nó như một rủi ro bảo mật. Phần mềm văn phòng cũ hơn, một số CMS nhất định, dịch vụ của bên thứ ba và hầu hết tất cả các quy trình in ảnh đều không chấp nhận SVG. Việc chuyển đổi sang PNG sẽ tạo ra một raster được chấp nhận rộng rãi trông giống hệt ở kích thước đã chọn.
PNG cũng nhúng vào các tài liệu văn phòng, bản trình bày và tệp PDF một cách đáng tin cậy mà không phụ thuộc vào trình kết xuất SVG của người nhận. Đối với các logo và đồ họa cần xuất hiện nhất quán trên nhiều nền tảng, PNG là lựa chọn an toàn hơn — mặc dù nó mất đi tính độc lập với độ phân giải vốn khiến SVG trở nên hấp dẫn ngay từ đầu.
Chọn kích thước mục tiêu của bạn, kết xuất. Trình duyệt thực hiện việc rasterization.
SVG (Khuyến nghị của W3C) là định dạng vectơ dựa trên XML với các phần tử cho đường dẫn, hình dạng cơ bản (trực tràng, hình tròn, hình elip, đường thẳng, đa giác, đa tuyến), văn bản, độ dốc (tuyến tínhGradient, radialGradient), bộ lọc, mặt nạ và đường dẫn cắt. Trình duyệt phân tích cú pháp XML, xây dựng DOM, áp dụng CSS và phân loại kết quả trong quá trình hiển thị trang.
Bộ chuyển đổi này tải SVG vào HTMLImageElement (kích hoạt đường dẫn hiển thị SVG dưới dạng hình ảnh thông thường của trình duyệt), sau đó vẽ nó vào canvas thông qua drawImage. Canvas được xuất dưới dạng PNG bằng canvas.toBlob('image/png'). Các pixel chính xác trong đầu ra khớp với những gì SVG sẽ hiển thị ở cùng kích thước trong tab trình duyệt.
Các trường hợp cạnh: SVG sử dụng đối tượng nước ngoài không phải lúc nào cũng được hỗ trợ khi sử dụng thông qua phần tử Hình ảnh. SVG tham chiếu các tài nguyên bên ngoài (xlink:href tới một miền khác) có thể không tải được do CORS. Hoạt ảnh SMIL và hoạt ảnh dựa trên JavaScript chỉ hiển thị dưới dạng khung ban đầu.