Chuyển PNG sang SVG miễn phí
PNG là ảnh raster tốt nhất để bắt đầu vector hóa: đường viền không bị mất dữ liệu và nền thường đã trong suốt sẵn. Tải PNG lên, chọn số màu muốn giữ lại và tải xuống file SVG với các hình khối bạn có thể phóng to và chỉnh sửa.
Chuyển ảnh sang SVG
hoặc thả tệp JPG, JPEG, JFIF … vào đây ·
Tối đa 95 MB mỗi tệp· Tối đa 20 tệp· Xóa sau 30 phút
Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.
Mức cao giữ lại các đốm nhỏ và kết cấu mịn; mức thấp bỏ các hình nhỏ hơn vài pixel và làm sạch nhiễu.
Mức cao bo tròn các cạnh răng cưa từ ảnh độ phân giải thấp hoặc JPG; mức thấp giữ góc sắc.
Đường cong mượt cho hầu hết ảnh, đoạn thẳng cho logo hình học, cạnh pixel để giữ pixel art dạng khối.
Chỉ dành cho tệp PDF đầu vào: các trang cần chuyển đổi, ví dụ 1 hoặc 1-3, 5. Mỗi trang thành một tệp riêng.
Cách sử dụng công cụ này
- 1
Tải ảnh PNG lên
Thả logo, biểu tượng, sticker hoặc hình vẽ PNG vào, tối đa 20 file cùng lúc. Ảnh xuất càng lớn thì kết quả vector hóa càng tốt; PNG rộng 1000 px cho kết quả tốt hơn favicon 64 px.
- 2
Chọn chế độ vector hóa
Giữ Chế độ màu ở Màu với 8 màu cho logo thông thường, chuyển sang Đen trắng cho hình nét (line art), hoặc đặt Số màu đúng bằng số màu trong thiết kế của bạn.
- 3
Tải xuống file SVG
Nhấn Vector hóa sang SVG. Mở file, phóng to một đường cong; nếu viền bị răng cưa, hãy tăng Làm mượt trong Cài đặt nâng cao rồi chạy lại.
Vì sao PNG là loại ảnh tốt nhất để chuyển sang SVG
PNG ra đời năm 1995 để thay thế GIF không dính bằng sáng chế, và trở thành khuyến nghị của W3C vào tháng 10 năm 1996. Cách nén của PNG không làm mất dữ liệu, nên cạnh đỏ cạnh trắng vẫn giữ nguyên như vậy, không gợn sóng hay vỡ khối. Với công cụ vector hóa, đó là đầu vào lý tưởng: ranh giới giữa hai màu nằm đúng chỗ các điểm ảnh chỉ ra, nên đường cong bám sát thiết kế gốc.
PNG còn có thể mang kênh alpha, tức giá trị độ mờ riêng cho từng điểm ảnh. Logo và biểu tượng xuất từ Figma, Canva hoặc Photoshop thường dùng kênh này, và nó hoạt động như một mặt nạ có sẵn: phần trong suốt là nền, phần đục là hình vẽ. JPEG của cùng logo có sẵn khung nền trắng, đó là lý do JPEG sang SVG cần làm mượt mạnh hơn và thường cần Xóa nền.
Vì đầu vào sạch, trang này dùng Độ chi tiết 70 và Làm mượt 40, giữ lại các góc nhỏ và chân chữ mà các trang JPEG sẽ làm mịn mất. Hướng dẫn chuyển PNG sang SVG của chúng tôi có ví dụ minh họa.
Vector hóa theo màu, thang độ xám hoặc đen trắng
Màu
Mỗi cụm màu trở thành một lớp đường dẫn được tô đầy.
- 2–64 màu
- Giữ nguyên màu thương hiệu
- Các hình xếp chồng, dễ đổi màu
Thang độ xám
Giống chế độ màu, nhưng các cụm là các sắc xám.
- 2–64 mức xám
- Không bị ám màu
- Phù hợp với tranh bút chì và than
Đen trắng
Một ngưỡng duy nhất: mỗi điểm ảnh hoặc là mực hoặc là trống.
- Ngưỡng 1–254
- File nhỏ nhất
- Một bộ đường dẫn duy nhất
Ngưỡng chuyển PNG sang SVG cho ảnh nét vẽ
- 60
Chỉ giữ lại nét mực đậm nhất
- 128
Mặc định chia ở mức xám trung bình
- 170
Giữ được nét mờ hoặc nét đã khử răng cưa
- 220
Xám nhạt thành đen; nét dày lên
PNG
Ảnh PNG (Portable Network Graphics)
PNG là định dạng ảnh raster không mất dữ liệu (lossless), được PNG Development Group công bố năm 1996 và sau đó được W3C và ISO chuẩn hóa. Định dạng giữ nguyên chính xác từng điểm ảnh, hỗ trợ đầy đủ kênh alpha cho nền trong suốt và hiển thị văn bản, cạnh sắc nét và mảng màu phẳng mà không bị nhiễu. Độ chính xác đó khiến PNG lý tưởng cho ảnh chụp màn hình, logo, biểu tượng và đồ họa giao diện. Cái giá phải trả là dung lượng: ảnh chụp lưu dưới dạng PNG thường lớn gấp nhiều lần cùng bức ảnh ở dạng JPEG hoặc WebP. Mọi trình duyệt, hệ điều hành và trình chỉnh sửa đều mở được tệp PNG.
- Nén
- Không mất dữ liệu
- Độ trong suốt
- Có
- Ảnh động
- Không
- Ra mắt
- 1996 · PNG Development Group
SVG
Đồ họa vector SVG
SVG là định dạng vector dựa trên XML được W3C chuẩn hóa năm 2001. Thay vì điểm ảnh, SVG mô tả hình khối, đường path và văn bản, nên luôn sắc nét ở mọi kích thước và thường rất nhỏ với logo và biểu tượng. Định dạng hỗ trợ nền trong suốt, định kiểu bằng CSS, script và ảnh động, và mọi trình duyệt đều hiển thị nguyên bản. SVG không phù hợp cho ảnh chụp, và các hình minh họa phức tạp có thể hiển thị chậm. Illustrator, Inkscape, Figma và trình duyệt đều mở và chỉnh sửa được SVG.
- Nén
- –
- Độ trong suốt
- Có
- Ảnh động
- Có
- Ra mắt
- 2001 · W3C
PNG vốn có viền sắc nét và thường có nền trong suốt, nên người ta chuyển PNG sang SVG để có logo hoặc biểu tượng phóng to thoải mái cho in ấn, máy cắt và website responsive; SVG sang PNG thì ngược lại, kết xuất vector thành điểm ảnh cho các ứng dụng không đọc được SVG.
Chuẩn bị ảnh PNG trước khi vector hóa
Xuất ảnh lớn
Lưu PNG ở kích thước gấp hai hoặc ba lần kích thước hiển thị. Đường cong được khớp theo biên điểm ảnh, nên càng nhiều điểm ảnh thì đường cong càng chính xác.
Làm phẳng hiệu ứng
Bóng đổ, quầng sáng và dải chuyển màu mỗi thứ biến thành hàng chục dải mỏng. Hãy ẩn chúng trước khi xuất và thêm lại trong SVG nếu cần.
Đếm số màu
Ghi lại thiết kế dùng bao nhiêu màu đặc rồi nhập đúng số đó. Với công việc CNC hoặc laser, PNG sang DXF vector hóa cùng file đó sang định dạng CAD.
Chuyển PNG sang SVG: câu hỏi thường gặp
Có thể chuyển PNG sang SVG miễn phí mà không cần tạo tài khoản không?
Có. Bạn có thể tải lên, vector hóa và tải xuống mà không cần tài khoản, tối đa 20 file mỗi lượt. PNG đã tải lên và SVG hoàn chỉnh sẽ bị xóa khỏi máy chủ sau 30 phút.
Vùng trong suốt của ảnh PNG sẽ ra sao khi chuyển sang SVG?
Kênh alpha của PNG cho công cụ biết điểm ảnh nào thuộc hình vẽ, nên vùng trong suốt hoàn toàn vẫn để trống thay vì biến thành khối màu trắng. Thông thường bạn không cần Xóa nền; chỉ bật khi PNG có sẵn nền trắng hoặc nền màu đặc.
Vì sao icon PNG sau khi chuyển sang SVG có viền mờ quanh mỗi hình?
Viền PNG mượt thường được khử răng cưa: các điểm ảnh ngoài cùng nửa trong suốt hoặc là màu pha của hai màu. Công cụ có thể hiểu phần pha đó là một màu mỏng thừa. Hãy giảm Số màu một hoặc hai, hoặc tăng Làm mượt, quầng viền sẽ hòa vào hình.
Công cụ này khác gì so với Image Trace của Illustrator hay Trace Bitmap của Inkscape?
Cách làm giống nhau: giảm số màu, tìm đường viền, khớp đường cong. Illustrator có sẵn các cấu hình như Black and White Logo và 16 Colors, còn Inkscape có ngưỡng độ sáng và quét nhiều màu. Ở đây các lựa chọn tương đương là Chế độ màu, Số màu và Ngưỡng, không cần cài đặt gì.
Chữ trong ảnh PNG có trở thành văn bản chỉnh sửa được trong SVG không?
Không. Chữ được vector hóa thành các hình viền nên giữ nguyên hình dạng nhưng không thể gõ lại hay chỉnh sửa như văn bản. Điều này phù hợp với logo; với ảnh chụp màn hình đầy chữ thì gõ lại sẽ nhanh hơn.
Ảnh PNG của tôi dùng đúng năm màu. File SVG có giữ chính xác các màu đó không?
Đặt Số màu là 5. Công cụ sẽ gom mọi điểm ảnh thành năm cụm, và với PNG màu phẳng thì các cụm đó trùng với màu gốc.