Cách chuyển đổi hình ảnh JPG và PNG sang SVG

Các định dạng hình ảnh truyền thống như JPG, PNG hoặc GIF rất phổ biến, nhưng chúng có những nhược điểm khiến việc sử dụng chúng không lý tưởng cho một số ứng dụng nhất định.

Nếu bạn tạo một trang web phản hồi chẳng hạn, bạn muốn hình ảnh trông đẹp bất kể chiều rộng và chiều cao được hiển thị. Ví dụ, hình ảnh truyền thống trông xấu khi bạn phóng to chúng quá nhiều.

Bạn cũng có thể cần hiển thị hình ảnh ở các kích cỡ khác nhau, ví dụ như hình thu nhỏ trên trang chỉ mục của blog và dưới dạng hình ảnh có độ phân giải đầy đủ trong bài viết được liên kết.

Mặc dù bạn có thể tạo các phiên bản khác nhau của một hình ảnh để chọn hình ảnh phù hợp nhất, nhưng điều đó có nghĩa là bạn cần nhiều bộ nhớ hơn cho những thứ khác.

Định dạng hình ảnh SVG là một định dạng vector. Điều này có nghĩa là kích thước của nó có thể giảm hoặc tăng mà không làm giảm chất lượng (có thể mở rộng). Thật tuyệt nếu bạn cần hiển thị hình ảnh ở nhiều nơi bằng các độ phân giải khác nhau.

Các ưu điểm khác của SVG là kích thước của nó thường nhỏ hơn nhiều và nó mang lại cho các quản trị web một sự linh hoạt khi thực hiện các thay đổi đối với nó vì một số có thể được thực hiện trực tiếp bằng CSS.

Một ví dụ: Terence Eden đã tạo lại logo của các công ty Internet nổi tiếng như Twitter, Amazon, WhatsApp, YouTube hoặc Reddit trong SVG. Kích thước của các logo đã giảm xuống dưới 1 Kilobyte, đôi khi thấp tới 200 byte. Ví dụ, logo Twitter ở định dạng PNG có kích thước 20 Kilobytes, phiên bản SVG có kích thước 397 byte.

SVG là một định dạng tốt cho logo và biểu tượng, nhưng không thực sự phù hợp khi nói đến ảnh và các loại hình ảnh khác hiển thị nhiều đối tượng khác nhau.

Chuyển đổi sang SVG

Hướng dẫn này tập trung vào các ứng dụng mà bạn có thể sử dụng để chuyển đổi hình ảnh sang SVG trực tiếp. Đây không phải là hướng dẫn sử dụng các ứng dụng được thiết kế để tạo đồ họa vector từ đầu. Bạn có thể sử dụng các trình soạn thảo đồ họa vector như Adobe Illustrator (không có liên kết nào đến chính sách Adobe vẫn tồn tại), Inkscape hoặc LibreOffice Draw cho điều đó.

Rất nhiều bộ chuyển đổi miễn phí có sẵn mà bạn có thể chạy trực tuyến, nhưng chúng khá hạn chế khi nói đến quá trình chuyển đổi. Mặc dù chúng có thể đủ để chuyển đổi một logo đơn giản có sẵn dưới dạng png hoặc jpg sang svg, nhưng kết quả không phải lúc nào cũng siêu tốt.

Đây là cách tôi đánh giá các dịch vụ: Tôi đã tải xuống logo Ghacks và thử chuyển đổi trên vài chục bộ chuyển đổi SVG. Tôi đã đánh giá kết quả và loại bỏ bất kỳ dịch vụ nào không mang lại kết quả tốt.

  • Aconvert - Dịch vụ lấy tệp cục bộ hoặc URL làm đầu vào. Tùy chọn duy nhất mà nó cung cấp là thay đổi độ phân giải của hình ảnh. Hình ảnh thu được trông giống logo của Ghacks, nhưng kích thước của nó gần gấp đôi kích thước của phiên bản PNG của logo.
  • Vector Magic - Có sẵn như là một chương trình chuyển đổi và máy tính để bàn trực tuyến cho Windows. Tuy nhiên, nó không miễn phí (chi phí trực tuyến $ 7, 95 mỗi tháng, phiên bản dành cho máy tính để bàn thanh toán một lần là $ 295). Tuy nhiên, kết quả của phiên bản trực tuyến rất tuyệt vời và bạn có rất nhiều tùy chọn để chỉnh sửa hoặc sửa đổi cài đặt và hiển thị cạnh nhau của hình ảnh gốc và bản sao svg.
  • Vectorizer - Một dịch vụ miễn phí khác. Cái này đi kèm với một trình hướng dẫn mà bạn có thể chọn các tham số đầu ra tốt nhất (độ mờ, màu sắc) hoặc bạn có thể đặt chúng trực tiếp. Kết quả rất tốt với một số điều chỉnh và kích thước của hình ảnh thu được nhỏ hơn một phần ba so với logo PNG gốc.

Bây giờ Bạn: Biết về một dịch vụ hoặc chương trình trực tuyến khác để chuyển đổi hình ảnh sang định dạng SVG?