Cách chuyển đổi hàng loạt PNG sang SVG (So sánh 5 phương pháp)

Vấn đề khi chuyển đổi hàng loạt - và cái bẫy cần tránh

Bạn có mười tệp PNG. Hoặc bốn trăm. Hoặc - giống như nhà thiết kế với câu hỏi về 51.000 tệp đã mở ra một trong những chủ đề dài nhất trên diễn đàn cộng đồng của Adobe - toàn bộ thư viện nội dung cần phải trở thành vector. Chuyển đổi một hình ảnh bằng tay thì ổn; nhưng vượt qua con số đó, bạn cần một quy trình làm việc hàng loạt: một quy trình biến toàn bộ một thư mục ảnh raster thành một thư mục SVG. Và nếu hôm nay thực sự chỉ có một tệp quan trọng, công cụ chuyển đổi PNG sang SVG trực tuyến miễn phísẽ hoàn thành công việc trong chưa đầy một phút - hướng dẫn này đề cập đến mọi thứ vượt xa hơn thế.

Một định nghĩa trước khi so sánh các phương pháp. Chuyển đổi hàng loạt thực sự có nghĩa là mọi PNG đều được vector hóa: các hình dạng của nó được vẽ lại dưới dạng các đường dẫn toán học, đó là những gì vector hóa thực sự làm. Rất nhiều công cụ bỏ qua hoàn toàn bước đó và nó thay đổi mọi thứ về kết quả đầu ra.

Lỗi phổ biến nhất: một số "trình chuyển đổi SVG" không đồ lại (trace) bất kỳ thứ gì - chúng bọc tệp PNG của bạn bên trong một tệp .svg dưới dạng một hình ảnh được nhúng. Kết quả có tỷ lệ thu phóng "hoàn hảo" vì nó vẫn là một bitmap được ngụy trang. Mở bất kỳ tệp đầu ra nào trong trình chỉnh sửa văn bản: một thẻ <image> base64 khổng lồ thay vì các phần tử <path> có nghĩa là bạn chưa vector hóa bất kỳ thứ gì. Mỗi phương pháp dưới đây được đánh giá dựa trên khả năng đồ lại (tracing) thực sự.

Phương pháp 4: Tập lệnh Dòng lệnh (ImageMagick, Potrace, VTracer)

Đối với các công việc số lượng lớn diễn ra một lần, một tập lệnh shell mười dòng sẽ đánh bại mọi giao diện GUI. Đường ống dẫn đen trắng cổ điển kết nối ImageMagick vào Potrace - chuyển đổi, sau đó đồ lại: magick input.png input.pbm && potrace -s -o input.svg input.pbm

Đặt dòng lệnh đó vào một vòng lặp "for" quét qua thư mục của bạn và Potrace sẽ xuất ra các đường dẫn vector thực sự với tốc độ của CPU - nhưng hoàn toàn là đen trắng. Đối với màu sắc, hãy trỏ vòng lặp đó vào vtracer, trình theo dõi (tracer) mã nguồn mở bằng ngôn ngữ Rust cũng được sử dụng trong PixelToPath. Cả hai công cụ đều có đủ các tùy chọn (flags) để lấp đầy một cuốn sổ tay, đó là lý do tại sao mỗi công cụ đều có một hướng dẫn dành riêng (sẽ được liên kết tại đây sau khi xuất bản). Các tập lệnh chiến thắng về chi phí (miễn phí), quyền riêng tư (cục bộ) và số lượng (hàng nghìn cho mỗi lần chạy); chúng thua ở phần chuẩn bị - bạn đang duy trì một quy trình hệ thống, và sẽ không ai hoàn trả lại cho bạn thời gian của cái buổi chiều mà hệ thống bị lỗi.

Phương pháp 5: Vòng lặp API cho quy trình CI và công việc Phía Máy chủ

Khi các chuyển đổi phải diễn ra trên máy chủ - trong quá trình triển khai, bên trong quy trình bản dựng (build pipeline), từ phần phụ trợ (backend) - thì các công cụ cục bộ không còn là một lựa chọn. Mô hình này là một vòng lặp: một lệnh POST không trạng thái cho mỗi hình ảnh với khóa Bearer của bạn, mỗi SVG được ghi thẳng vào quy trình tài sản của bạn. Giới hạn là 60 yêu cầu mỗi phút cho mỗi khóa, vì vậy hãy điều chỉnh tốc độ vòng lặp và thử lại các cuộc gọi bị giới hạn tốc độ với mức độ lùi theo cấp số nhân (exponential backoff); các cuộc gọi thất bại không bao giờ tiêu tốn credit. Bạn có thể tự động hóa toàn bộ công việc hàng loạt với API REST mà không cần bất kỳ cài đặt cục bộ nào - đó chính xác là điểm quan trọng.

Chi phí có thể dự đoán được: với hình ảnh trả trước thì mức giá dao động từ €0.05 xuống €0.01 cho mỗi hình ảnh đối với số lượng lớn, như vậy 500 hình ảnh tốn khoảng €20 và 10.000 hình ảnh tốn khoảng €200 - và mỗi tài khoản sẽ có thêm 10 lần chuyển đổi miễn phí, mỗi tháng. Chọn API khi các chuyển đổi phải có khả năng tái tạo, ở phía máy chủ và không phụ thuộc vào thiết lập cục bộ. Chọn thư mục nóng (hot folder) khi các chuyển đổi diễn ra cục bộ và có tính tương tác. Hai phương pháp này đáp ứng gần như mọi công việc hàng loạt trong thế giới thực.

Hàng loạt PNG sang SVG: So sánh cả năm phương pháp

Cùng một đầu vào, năm phương pháp xử lý rất khác nhau. Chi phí và quyền riêng tư là những yếu tố cấu trúc chứ không phải chiêu trò quảng cáo; thông lượng giả định một người vận hành (hoặc một máy chủ khiêm tốn) trên phần cứng thực tế; và "màu sắc" có nghĩa là đầu ra vector nhiều màu sắc thực sự, chứ không phải hình bóng đen trắng.

Phương pháp	Chi phí	Tệp/ngày (thực tế)	Màu sắc	Kiểm soát chất lượng	Quyền riêng tư	Kỹ năng cần thiết
Công cụ trực tuyến	Miễn phí	50-500 (thủ công)	Tùy thuộc vào công cụ	Chỉ các mẫu (preset)	Khác nhau - kiểm tra điều khoản	Không
Thư mục nóng Pro	€39 thanh toán một lần	Hàng nghìn (CPU cục bộ)	Có	Một hồ sơ, tất cả cài đặt	100% cục bộ	Không
Desktop miễn phí / Inkscape	Miễn phí	20-100 (từng tệp một)	Có (tệp đơn lẻ)	Đầy đủ, cho mỗi tệp	100% cục bộ	Cơ bản
Tập lệnh (CLI)	Miễn phí	Hàng nghìn+ (CPU cục bộ)	Potrace Không - VTracer Có	Đầy đủ (các lệnh flags)	Cục bộ	Dòng lệnh
Vòng lặp API	10 miễn phí/tháng, sau đó €0.01-0.05/hình	Hàng chục nghìn (60 y.cầu/phút)	Có	Tham số động cơ (engine) cho mỗi cuộc gọi	Tệp được tải lên	Nhà phát triển (Developer)

Nếu bạn chuyển đổi hàng loạt thường xuyên hơn một lần một tháng, thì Phương pháp 2 và 5 sẽ tự hòa vốn ngay trong buổi chiều đầu tiên. Đối với những thứ nhỏ hơn thế, Phương pháp 1 hoặc 3 không tốn chi phí gì ngoài một chút thời gian của bạn.