UltKit

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

Đầu ra
8

Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.

Cách sử dụng công cụ này

  1. 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. 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. 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ặc định

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
Phù hợp nhất cho: Logo, biểu tượng, sticker, minh họa màu phẳng
Sắc độ

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
Phù hợp nhất cho: Bản phác thảo, tranh khắc, bản in đơn sắc
Hai tông

Đ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
Phù hợp nhất cho: Chữ ký, khuôn stencil, cắt decal và cắt laser

Ngưỡng chuyển PNG sang SVG cho ảnh nét vẽ

  1. 60

    Chỉ giữ lại nét mực đậm nhất

  2. 128

    Mặc định chia ở mức xám trung bình

  3. 170

    Giữ được nét mờ hoặc nét đã khử răng cưa

  4. 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
Công cụ chuyển đổi PNG

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
Công cụ chuyển đổi SVG

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

  1. 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.

  2. 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.

  3. Đế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.