SVG là gì? Hướng dẫn dễ hiểu về định dạng vector
SVG là gì? Cách SVG vector hoạt động, khác biệt với PNG và JPG, ưu điểm và hạn chế, các ứng dụng phổ biến cùng cách mở và chỉnh sửa.
1. SVG là gì?
SVG là viết tắt của Scalable Vector Graphics, một định dạng đồ họa vector mở dựa trên XML do W3C quy định. Trong khi PNG và JPG ghi hình bằng lưới điểm ảnh, SVG dùng công thức toán học để mô tả hình: một đường thẳng, một đường tròn, một đoạn đường cong Bézier — tất cả đều được viết vào file dưới dạng toạ độ và lệnh đường.
Chính vì vậy SVG không bao giờ bị mờ khi phóng to: trình duyệt chỉ đơn giản vẽ lại công thức ở kích thước mới thay vì kéo giãn điểm ảnh. Đó chính là ý nghĩa của chữ "vector".
2. SVG khác PNG / JPG ra sao?
| Tiêu chí | SVG | PNG / JPG |
|---|---|---|
| Cách lưu hình | Đường toán học (vector) | Lưới điểm ảnh (bitmap) |
| Khi phóng to | Phóng vô hạn không méo | Xuất hiện răng cưa, mờ |
| Dung lượng file | Rất nhỏ với hình đơn giản (vài KB) | Tăng tuyến tính theo độ phân giải |
| Khả năng chỉnh sửa | Văn bản sửa được, đổi màu, làm hiệu ứng | Cần phần mềm xử lý ảnh |
| Phù hợp với | Biểu tượng, logo, tranh minh họa, biểu đồ | Ảnh chụp, hiệu ứng đổ sáng phức tạp |
3. SVG thường dùng để làm gì?
- Biểu tượng và logo trên website: một bộ SVG hợp với mọi mật độ màn hình, trên màn hình Retina vẫn sắc nét;
- Tranh minh họa và biểu đồ: các thư viện trực quan hóa dữ liệu như ECharts, Recharts mặc định xuất SVG;
- In ấn và khắc: máy khắc laser, máy cắt decal và máy in UV đều chấp nhận đường SVG;
- Hoạt ảnh: các đường SVG có thể được điều khiển trực tiếp bằng CSS / SMIL / JavaScript, tạo hiệu ứng vẽ nét chẳng hạn.
4. Mở và chỉnh sửa SVG thế nào?
Mọi trình duyệt hiện đại (Chrome / Edge / Firefox / Safari) đều mở được file SVG, còn các phần mềm thiết kế như Illustrator, Figma và Inkscape (miễn phí) đều chỉnh sửa được. Nếu chỉ cần đổi màu, xóa nền hoặc xóa một phần hình, hãy dùng trình chỉnh sửa SVG trực tuyến của PolySVG — không phải cài đặt phần mềm nào.
5. Làm sao để đổi PNG / JPG thành SVG?
Dùng công cụ chuyển ảnh sang SVG của PolySVG: tải ảnh bitmap lên, mô hình tự phát triển sẽ tự động lượng tử màu, dò vết đường viền và khớp đường cong, vài giây là có SVG chỉnh sửa được kèm nút xóa nền một cú nhấp. Toàn bộ quá trình miễn phí và không cần đăng ký.
Tóm lại: SVG là định dạng "vẽ bằng công thức", vốn dĩ hợp với biểu tượng, logo và mọi thứ cần co giãn; còn với ảnh chụp thì JPG / WEBP vẫn phù hợp hơn.
Câu hỏi thường gặp
Mở file SVG bằng phần mềm nào?
Mọi trình duyệt hiện đại đều xem trước được. Để chỉnh sửa hãy dùng Illustrator, Figma, Inkscape, hoặc xử lý trong trình chỉnh sửa trực tuyến của PolySVG mà không cần cài gì.
SVG có chuyển sang PNG được không?
Có. Trình chỉnh sửa của PolySVG xuất SVG ra PNG ở bất kỳ độ phân giải nào, và bạn cũng có thể chụp màn hình trình duyệt hoặc xuất từ phần mềm thiết kế.