SVG, EPS, AI khác nhau thế nào? Một bài nhìn rõ tất cả

1. Định vị của ba định dạng trong một câu

SVG: tiêu chuẩn vector mở dành cho web, trình duyệt hỗ trợ natively; EPS: định dạng trao đổi in ấn lâu đời dựa trên PostScript; AI: định dạng dự án độc quyền của Adobe Illustrator. Cả ba đều lưu hình vector nhưng định vị và hệ sinh thái khác nhau rất nhiều. Hiểu rõ sự phân công giúp tránh bàn giao sai định dạng rồi phải làm lại.

2. So sánh chi tiết ba định dạng

Tiêu chí	SVG	EPS	AI
Bản chất	Tiêu chuẩn mở của W3C (XML)	Định dạng bọc PostScript	Định dạng độc quyền của Illustrator
Mức độ mở	Hoàn toàn mở, văn bản đọc được	Quy định công khai, hỗ trợ rộng rãi	Định dạng độc quyền
Hiển thị trên trình duyệt	Hỗ trợ natively	Không hỗ trợ	Không hỗ trợ
Công dụng chính	Biểu tượng web, minh họa, biểu đồ	Bàn giao cho in và khắc	File nguồn thiết kế
Khả năng chỉnh sửa	Chỉnh sửa ở mức đường	Hạn chế	Đầy đủ lớp, artboard và hiệu ứng

3. SVG: lựa chọn hàng đầu cho web và đa nền tảng

Điểm mạnh của SVG là tính mở và thân thiện với web: trình duyệt vẽ trực tiếp, CSS và JavaScript đổi màu, làm hoạt ứng được, file nhỏ và nén thuận lợi, mọi trình soạn thảo văn bản đều sửa được. Hạn chế là màu chủ yếu ở dạng RGB nên các tính năng in chuyên nghiệp như màu phù, in chồng màu hỗ trợ yếu, quy trình in cao cấp vẫn nghiêng về PDF/EPS. Với tài nguyên web thường ngày, biểu tượng và logo, SVG là câu trả lời mặc định. Ngoài ra SVG có thể nhúng thẳng vào HTML để biểu tượng tải cùng trang, tiết kiệm một request ảnh; khi cần bitmap thì vẫn xuất được PNG ở bất kỳ độ phân giải nào, rất tiện cả hai đường.

4. EPS: định dạng trao đổi in ấn lâu đời

EPS mô tả hình bằng PostScript và từng là định dạng bàn giao tiêu chuẩn của ngành in và khắc, gần như mọi phần mềm dàn trang và khắc đều chấp nhận. Có hai điều cần lưu ý: EPS kiểu cũ không hỗ trợ trong suốt trực tiếp (hiệu ứng trong suốt bị gộp phẳng), và trình duyệt không xem trước được. Gần đây PDF đã thay thế nhiều vai trò của EPS nhưng nhiều nhà in vẫn quen yêu cầu EPS. Khi bàn giao thực tế hãy chú ý phiên bản: một số thiết bị cũ chỉ đọc EPS phiên bản thấp, nên lúc xuất hãy để ý tùy chọn phiên bản; và với thiết kế có độ trong suốt, hãy xác nhận kết quả sau khi gộp phẳng có đúng ý không.

5. AI: file dự án của nhà thiết kế

AI là định dạng gốc của Illustrator, giữ nguyên lớp, artboard, hiệu ứng và chữ còn chỉnh sửa, nên nó là file đang làm dở chứ không phải định dạng bàn giao. Đây là định dạng độc quyền, cần Illustrator hoặc phần mềm tương thích để mở và chỉnh sửa. Trên web tuyệt đối không dùng file AI, hãy xuất ra SVG/PNG. File AI thường nhúng lớp tương thích PDF nên khá nhiều ứng dụng không thuộc Adobe vẫn xem trước được nội dung, nhưng muốn chỉnh sửa đầy đủ thì vẫn nên quay lại Illustrator để tránh mất hiệu ứng.

6. Chọn thế nào và chuyển đổi ra sao

Nhắc thêm về PDF: nó đã là định dạng bàn giao chính của ngành in hiện đại, vừa có năng lực vector vừa xử lý typography. Nếu nhà in không chỉ định định dạng thì gửi PDF thường an toàn hơn EPS, còn với web thì luôn là SVG. Ba định dạng mỗi thứ một vai trò, không có cái nào tuyệt đối tốt hơn, chỉ có cái nào hợp với tình huống.

• Dùng cho web: chọn SVG không cần suy nghĩ;
• Nhà in yêu cầu EPS/AI: mở SVG bằng Illustrator hoặc Inkscape rồi lưu sang định dạng đích;
• Nhận file EPS/AI muốn đưa lên web: mở trong phần mềm thiết kế, xuất ra SVG rồi nén bằng SVGO;
• Lưu trữ lâu dài: giữ lại file nguồn AI, đồng thời lưu một bản SVG, vừa dễ chỉnh sửa vừa phổ quát.

Bạn vẫn đang dùng logo bitmap? Hãy dùng công cụ chuyển logo sang vector để biến ảnh bitmap thành SVG — miễn phí, không cần đăng ký, quy trình đầy đủ nằm ở hướng dẫn vector hóa logo. Chuyển đổi bitmap nói chung dùng công cụ chuyển ảnh sang SVG; còn muốn hiểu giá trị của SVG thì đọc 6 ưu điểm của SVG.