PNG sang SVG - khi nào vector hóa ảnh raster
Dùng PNG tô SVG để chuyển đổi logo, icon và line art thành file vector có thể thư phong. Công cụ vet canh vung màu trên máy chữ. Vector hóa khi cần ảnh scale không bị vo và hoặc chính sửa trọng Illustrator/Inkscape. Tranh ảnh chụp - bằng dưới cho thãy loại nguon nào chuyển tot.
FreetoolOnline editorial team| Loại nguon | Chat luồng kết quả SVG | Trường hợp sử dụng | Thãy thế |
|---|---|---|---|
| Logo / icon (màu phẳng) | Xuat sac - đường dẫn sach | Những web, in ở bắt kỹ kich thuộc | PNG tô SVG |
| Line art / silhouette | Tot - canh có thể vet | Minh hóa, clip art | PNG tô SVG |
| Ảnh chup | Kem - hang tram đường dẫn nhiều | Chỉ kich thuộc tệp | PNG hoặc WebP toi uu |
| Gradient / kết cấu | Kem - giá mao banding | Scale không mất pixel | PNG độ phân giải cao ở kich thuộc mục tieu |
Raster vs vector nghia là gì (và tải sao chuyển đổi này là xap xi)
Một ảnh raster (PNG, JPG, BMP, ảnh chụp màn hình, ảnh chụp) là một luoi có định của các pixel màu - tệp biết màu của pixel (0,0), (0,1), và vay vay, và không gì khác. Một ảnh vector (SVG) là một đánh sach các chỉ dẫn hình học - "về một hình tron bạn kinh 12 tải (50,50) tô độ", "về một đường dẫn đọc theo 14 điểm này vien đến" - mà trình render biến thành pixel ở kich thuộc mà trang yếu cấu. Vì raster không mang đủ lieu hình dạng, không công cụ nào có thể khôi phục các chỉ dẫn hình học gốc từ PNG; các pixel không nhỏ chung từng thuộc về "chữ A" hãy "dương công cụa logo". Vì vậy các trình vector hóa đọc luoi pixel, tìm các doan màu tuong từ, theo biến giữa chung và phát hanh một <path> SVG cho mới vung. SVG đầu ra trọng giống đầu vao chỉ khi các biến màu đỏ khớp với các hình dạng thật mà mật người đọc; khi không khớp, đầu ra là một khôi mosaic on ao của các đã giac scale vo han những không giống ảnh chụp.
Khi nào PNG-sang-SVG thật sự hoạt động
Vector hóa cho SVG hợp lý khi đầu vao có số luồng nhỏ các vung màu đặc với biến sac net giữa chung. Bốn trường hợp phổ biến:
- Logo và đầu hiệu thuong hiệu. Một logo thuong là 1-4 màu đặc với canh sac net - dùng cài mà auto-tracing cần. SVG đầu ra scale lên kich thuộc bằng quang cao mà không mất độ sac net canh, có thể đổi màu bằng cách chính sửa thuộc tính
fill, và xuat ra trọng vài kilobyte. Đây là trường hợp dùng dien hình. - Icon và pictogram. Silhouette một màu (icon folder, menu hamburger, chevron, glyph mang xa hoi) vet sach sẽ vì có dùng một biến tien canh / nên. Kết quả có thể chính sửa dưới dạng đường dẫn và đổi màu bằng một quy tắc CSS.
- Line art và bạn về mục. Bạn về đến-trên-trang, line art truyen tranh, phac thao tay được scan với tuong phân cao: mới net trở thành một đường dẫn kin, và SVG có thể được re-stroke ở bắt kỹ màu hãy độ đây nào sau độ.
- Ảnh chup UI của hình dạng sac net. Ảnh chup nut, hợp thoai, bieu độ don gian, hãy vẫn bạn trên nên phẳng có canh pixel anti-aliasing được vector hóa thành xap xi rat gần với hình học gốc. Kết quả hoan hao để những vao tải lieu responsive.
Khi nào PNG-sang-SVG KHÔNG hoạt động
Với ảnh chụp, gradient mượt và bản quét nhiễu, công cụ tracing tạo ra các path vector giả có thể scale nhưng không giống bản gốc - các loại nguồn này nên giữ là PNG hoặc WebP.
- Ảnh chụp. Ảnh chụp khuôn mặt, phong cảnh hoặc sản phẩm có hàng nghìn màu khác biệt tinh tế hòa vào nhau. Mỗi vùng màu riêng biệt trở thành một đoạn path SVG riêng - một ảnh nhỏ (800 x 600 pixel) có thể tạo ra hàng chục nghìn đoạn, khiến tệp đầu ra phình lên hàng chục megabyte và cuộn chậm trong trình duyệt. Ngoài ra, trình vector hóa có thể lượng tử hóa các màu thành vài chục vùng và kết quả trông giống phiên bản posterize của ảnh chụp. Với ảnh chụp, giữ raster và tối ưu thành JPG hoặc WebP.
- Gradient muot và kết cấu tính xao. Một nut với gradient muot từ trên xuong, một tranh thuộc nuoc với canh chãy màu, hoặc bắt kỹ ảnh nào có hat phim đều không có biến màu sac net để vet. Trình vector hóa che biến gioi tuy tien tải các nguong luồng từ hóa, và SVG trọng "soc" hoặc "khôi" ở nơi ảnh gốc muot.
- Vẫn bạn anti-aliasing render thành pixel (tuong phân thap / nhỏ). Vẫn bạn render ở kich thuộc nhỏ hoặc với anti-aliasing mạnh trở thành sup pixel xam quanh mới glyph. Auto-tracing tao ra chữ không đọc được. Nếu bạn cần vẫn bạn thành đường dẫn, thiết lap tải lieu với font thực trọng công cụ vector thãy vì vector hóa một ảnh chụp render.
Vector hóa trên freetoolonline
Vector hóa trên freetoolonline cho PNG sang SVG khi nào vector hóa ảnh raster nghia là mở PNG tô SVG, tha logo hoặc icon sach, roi tải SVG chỉ khi canh vẫn sac khi zoom.
/png-tô-svg.html upload tệp hãy chãy cuc bộ trong trình duyệt?
Cấu bridge /png-tô-svg.html upload PNG lên server freetoolonline. Trang không phải công cụ hoan toàn offline, chỉ-client hãy chỉ-trình-duyệt, và no không chãy cuc bộ. Phát bieu upload này là trực tiep: server freetoolonline xu lý auto-trace, và kết quả SVG được xoa khôi lưu trữ sau của số lưu giu chuan.
PNG-sang-SVG không phải cài gì
PNG-sang-SVG không phải cài gì trên hướng dẫn này là đổi định dạng ảnh không mất đủ lieu - vector hóa cho artwork canh cũng, không để ship JPEG máy ảnh thành SVG.
- "Lưu dưới dạng SVG" của một PNG trong trình chính sửa. Hau het trình chính sửa sẽ vui về lưu PNG dưới dạng tệp SVG - những cài hồ thực sự làm là goi byte PNG ben trọng một phân từ
<image>SVG. Kết quả có dưới.svgvà cũng các pixel như đầu vao; KHÔNG scale tot hon và không thể chính sửa dưới dạng đường dẫn. Vector hóa (cài /png-tô-svg.html làm) về lại nơi dùng thành phân từ<path>thật, độ là thao tắc khác. - SVG sang PNG (rasterize). Hướng ngược lại - lay một vector và render thành raster kich thuộc có định - là tác vụ riêng với trade-off khác (chọn độ phân giải, anti-aliasing, font những). Xem SVG sang PNG - khi nào rasterize một SVG cho phía rasterize, và công cụ SVG tô PNG cho thao tắc.
- Nên một PNG thành PNG nhỏ hon. Nếu mục tieu là "tệp quả lớn" và nơi dùng là ảnh chụp hoặc nhiều kết cấu, đồng tắc dùng là nên raster, không phải vector hóa. Xem Nên JPEG mà không mất chat luồng - chat luồng vs kich thuộc cho trade-off nén ảnh chụp, JPG vs PNG cho web cho lựa chọn định dạng raster, và công cụ Compress Image cho thao tắc.
Các hướng dẫn chuyển đổi ảnh liên quan: SVG sang PNG - khi nào rasterize một SVG (hướng ngược), PNG vs SVG - khi nào dùng loại nào (quyết định chọn định dạng trước khi chuyển đổi), và JPG vs PNG cho web (lựa chọn định dạng raster khi vector hóa không phải là cấu trả lời).