PerfectVector
Bởi Irene Kim

Chuyển JPG thành SVG giữ chất lượng mép hình

JPG nén mất dữ liệu nên đồ lại thiếu cẩn thận sẽ biến nhiễu nén thành mép vector rối. Tìm hiểu cách tạo SVG sạch, đổi kích thước được và khi nào không nên chuyển.

8 phút đọc
Trên trang này

Bạn có thể chuyển JPG thành SVG bằng cách đồ ảnh raster thành hình học vector. Điểm cần lưu ý là cách mã hóa JPEG phổ biến mất dữ liệu: nén có thể để lại biên khối, gợn quanh mép sắc và khuyết điểm khác mà công cụ đồ lại hiểu nhầm là chi tiết ảnh. (Tổng quan JPEG; đặc tả ITU-T T.81) Vì vậy, câu hỏi đáng đặt không chỉ là “chuyển JPG thế nào”, mà còn là “làm sao có SVG sạch từ JPG”.

Dưới đây là cách thực hiện, vì sao JPG cần cẩn thận hơn PNG và khi nào bạn hoàn toàn không nên chuyển.

Ý chính
  • Bắt đầu bằng JPG chất lượng cao nhất bạn có. Ít nén hơn giúp bản đồ lại sạch hơn.
  • Hình phẳng, tương phản cao (logo, biểu tượng, minh họa đơn giản) chuyển tốt. Ảnh chụp thì không.
  • Vector hóa thành đường dẫn sạch, ít nút, rồi gộp màu thừa do nén JPG thêm vào.
  • Kiểm tra kết quả: đường dẫn chỉnh sửa được, mép rõ, số màu hợp lý.
  • Chuyển một ảnh ngay bằng công cụ JPG thành SVG.

Vì sao JPG khó xử lý hơn PNG?

PNG có thể lưu mẫu hình ảnh không mất dữ liệu, nên lưu lại không tạo khuyết điểm nén kiểu JPEG. JPG thường dùng cho ảnh có sắc độ liên tục và có thể bỏ thông tin ảnh để giảm kích thước tệp. Tùy cài đặt chất lượng và nguồn, nén có thể hiện thành khuyết điểm dạng khối và gợn nhẹ quanh mép, cùng những màu gần trùng vốn không có trong thiết kế phẳng ban đầu. Xem đặc tả PNG 3 của W3C.

Khi vector hóa JPG, công cụ đồ lại có thể nhầm các khuyết điểm đó với chi tiết thật, tạo mép mờ, đốm rời hoặc màu thừa. Cả nguồn lẫn phương pháp đồ lại đều ảnh hưởng kết quả. (Nếu bắt đầu từ PNG, xem cách chuyển PNG thành SVG không mất chất lượng. Nguyên tắc cơ bản giống nhau, trừ vấn đề nén JPEG.) Nguồn WebP, định dạng thứ ba thường gặp trên web hiện đại, có điểm riêng khi chuyển đổi.

Loại nào chuyển tốt và loại nào không?

JPG vector hóa tốt với một số ảnh, nhưng kém với những ảnh khác:

JPG phù hợpJPG kém phù hợp
Logo, biểu tượng, chữ lồngẢnh chụp và chân dung
Minh họa phẳng, tương phản caoChuyển sắc, bóng mềm, quầng sáng
Hình nét và chữTệp nén mạnh / độ phân giải thấp
Hình chỉ có vài màu đặcCảnh phức tạp, nhiều chất liệu và đủ màu

Nếu JPG nằm ở cột trái, bạn có thể chuyển. Nếu là ảnh chụp hoặc nhiều chuyển sắc, vector hóa sẽ phân mảng thành các đốm màu. Giữ raster hoặc dựng lại hình bằng các mảng phẳng trước.

Cách chuyển JPG thành SVG từng bước

  1. Bắt đầu bằng nguồn tốt nhất bạn có. JPG chất lượng và độ phân giải cao đồ lại tốt hơn nhiều so với tệp đã lưu, chia sẻ và nén lại cả chục lần. Nếu có PNG hoặc vector gốc, hãy dùng bản đó.
  2. Làm sạch trước nếu ảnh kém. Cắt xén sát hình, và nếu nhiễu nén nặng, tăng tương phản một chút để hình tách rõ khỏi nền.
  3. Vector hóa. Thả JPG vào công cụ chuyển JPG thành SVG để dựng lại ảnh thành đường dẫn vector. Hướng đến đường dẫn sạch, ít nút thay vì bản đồ lại dày đặc mô phỏng mọi khuyết điểm.
  4. Giản lược màu. Nén JPG có thể thêm màu gần trùng. Gộp chúng về vài màu mà hình thực sự dùng. Bảng màu đơn giản hơn dễ kiểm tra và chỉnh sửa hơn.
  5. Tải xuống và kiểm tra theo danh sách bên dưới.

Quy trình này với PerfectVector trông thế nào?

Với JPG, mục tiêu là phân biệt hình có chủ đích với nhiễu nén. PerfectVector dựng lại ảnh thành đường dẫn vector, và trình chỉnh màu tích hợp cho phép gộp màu thừa do nguồn hoặc quá trình đồ lại tạo ra. Bạn có thể chuyển JPG thành SVG, rồi tự kiểm tra đường dẫn, số nút và bảng màu. Chuyển những ảnh đầu tiên miễn phí, không cần thẻ tín dụng.

Trước
JPG huy hiệu đơn giản có khuyết điểm nén và quầng mép rõ, được đồ thành SVG nhiễu có đốm rời
Đồ trực tiếp JPG đã nén: mép nhiễu, đốm rời, quá nhiều màu.
Sau
Cùng huy hiệu được PerfectVector chuyển thành đường dẫn sạch, ít nút với bảng màu giản lược
Đường dẫn sạch và bảng màu giản lược. Nhiễu nén đã được loại bỏ.

Kiểm tra nhanh kết quả. Một bản chuyển JPG thành SVG tốt có:

  • Đường dẫn chỉnh sửa được, thay vì JPG nhúng trong lớp bọc .svg. Phần tử <image> của SVG có thể nhúng nội dung raster hợp lệ mà không chuyển thành đường dẫn. Xem đặc tả nội dung nhúng của W3C.
  • Mép rõ không còn quầng hay đốm do nén.
  • Số nút thấp: đường cong sạch thay vì hàng nghìn điểm (xem thêm vì sao số nút quan trọng).
  • Bảng màu gọn: chỉ màu bạn muốn, không có màu thừa do nén thêm vào.

Khi nào nên bỏ qua công cụ chuyển đổi?

Vector hóa không phù hợp với mọi JPG:

  • Ảnh chụp trở thành các đốm màu phân mảng. Giữ ảnh raster.
  • Hình nhiều chuyển sắc hoặc chất liệu mất sự tinh tế. Dựng lại bằng hình phẳng nếu cần vector.
  • Tệp quá nhỏ hoặc nén hỏng nhiều không thể cứu. JPG mờ đồ thành SVG mờ. Tìm nguồn tốt hơn hoặc tạo lại hình.

Quy tắc giống mọi trường hợp vector hóa: phù hợp với hình phẳng mang tính minh họa, không phải ảnh chụp. (Nếu mới tìm hiểu, bắt đầu bằng vector hóa hình ảnh là gì.)

Câu hỏi thường gặp

Tôi có thể chuyển JPG thành SVG miễn phí không? Có. Tải JPG lên công cụ chuyển đổi, giản lược màu rồi tải SVG xuống. Bạn có thể chuyển những ảnh đầu tiên miễn phí, không cần thẻ tín dụng. Chỉ cần xác nhận đầu ra là vector được đồ lại thực sự (đường dẫn chỉnh sửa được), không phải JPG nhúng trong .svg.

Vì sao JPG trông vuông khối hoặc rối sau khi chuyển SVG? JPG mất dữ liệu, nên mang khuyết điểm nén và quầng mép. Bản đồ lại ghi cả chúng cùng hình của bạn. Bắt đầu bằng JPG chất lượng cao hơn, tăng tương phản rồi chuyển thành đường dẫn sạch, ít nút để giảm nhiễu.

JPG hay PNG tốt hơn để chuyển thành SVG? PNG không mất dữ liệu cho điểm xuất phát sạch hơn vì không có khuyết điểm nén. Nhưng JPG chất lượng cao của hình phẳng, tương phản cao cũng chuyển tốt. Chất lượng nguồn quan trọng hơn định dạng.

Tôi chuyển ảnh chụp từ JPG thành SVG được không? Được, nhưng thông thường không nên. Ảnh chụp có quá nhiều chuyển sắc và sắc độ để thành các hình sạch, nên bạn sẽ nhận đốm màu phân mảng hoặc tệp rất lớn. Vector hóa dành cho logo, biểu tượng và minh họa.

Làm sao chuyển JPG thành SVG có màu? Dùng công cụ đồ lại có màu, rồi gộp các màu gần trùng do nén thêm vào để chỉ giữ vài màu thiết kế cần. Ít màu hơn và màu sạch hơn giúp SVG nhẹ, dễ chỉnh sửa.

Nguồn tham khảo

  1. JPEG — Tổng quan tiêu chuẩn JPEG 1 — Tổng quan chính thức về tiêu chuẩn mã hóa ảnh tĩnh JPEG và chế độ mất dữ liệu phổ biến.
  2. ITU-T — Khuyến nghị T.81 — Đặc tả JPEG chuẩn tắc về nén và giải mã.
  3. W3C — Đặc tả Portable Network Graphics (PNG), ấn bản thứ ba — Tiêu chuẩn hiện hành về biểu diễn ảnh không mất dữ liệu và hỗ trợ alpha của PNG.
  4. W3C — Nội dung nhúng trong SVG — Tiêu chuẩn cho thấy ảnh raster có thể nhúng trong SVG mà không thành đường dẫn vector.

Bạn có logo hoặc minh họa JPG còn mắc ở dạng pixel? Chuyển thành SVG sạch, đổi kích thước được. Vector hóa, giản lược màu rồi tải xuống trong vài giây.

Thêm từ blog

PerfectVector

Biến tệp hình ảnh thành
SVG có thể chỉnh sửa

Không cần thẻ tín dụng