Chuyển đổi PNG sang SVG
Đóng gói hình ảnh raster PNG bên trong vùng chứa vector SVG XML để hiển thị co giãn trên web và tích hợp vào bố cục tương thích với vector.
So sánh định dạng & Thông số kỹ thuật
| Thông số kỹ thuật | PNG | SVG |
|---|---|---|
| Loại MIME | image/ | image/ |
| Loại | Ảnh raster | Đồ họa vector |
| Nén | không mất dữ liệu (DEFLATE / LZ77 + Huffman) | văn bản XML không mất dữ liệu (có thể nén GZIP qua .svgz) |
| Thông số tiêu chuẩn | W3C PNG, Ấn bản thứ 3 | Đặc tả W3C SVG 2 |
| Chữ ký byte đầu tệp | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Tổng quan định dạng & Ứng dụng
Việc chuyển đổi tệp PNG sang định dạng SVG bao bọc bitmap raster bên trong một vùng chứa vector XML, cho phép các nhà phát triển web và nhà thiết kế đồ họa nhúng đồ họa raster trực tiếp vào quy trình làm việc vector có thể mở rộng. Hình ảnh PNG raster sử dụng lưới cố định gồm các pixel có màu. Việc gói đồ họa này vào tệp SVG bảo toàn kích thước pixel và độ trong suốt ban đầu, đồng thời làm cho hình ảnh có thể nhúng trực tiếp vào các bố cục web điều khiển bằng SVG và khung nhìn UI thích ứng. Các nhà thiết kế web thường xuyên thực hiện việc chuyển đổi này để tích hợp tác phẩm nghệ thuật raster vào các trang sprite SVG, quy trình minh họa vector và các trang web thích ứng mà không cần quản lý các tệp hình ảnh bên ngoài riêng biệt. Gói SVG kết quả chứa toàn bộ đồ họa tự khép kín bên trong mã đánh dấu XML tiêu chuẩn.
Thông số kỹ thuật & Phân tích codec
Tệp PNG là ảnh raster có loại MIME image/png. Tệp bắt đầu bằng tiêu đề chứa chữ ký nhận diện 8 byte 89 50 4E 47 0D 0A 1A 0A, tiếp theo là các khối dữ liệu nén bằng DEFLATE, kết hợp từ điển trượt LZ77 và mã hóa Huffman. Tệp SVG dùng loại MIME image/svg+xml và có cấu trúc tài liệu XML. Khi chuyển đổi, công cụ kết xuất ảnh trong bộ nhớ phía máy khách, tuần tự hóa bitmap thành PNG rồi nhúng ảnh dưới dạng URI dữ liệu Base64 bên trong phần tử vùng chứa <image> của SVG. Thao tác này đóng gói đồ họa thành tệp SVG hợp lệ, tự chứa với kích thước viewBox được xác định.
Khả năng tương thích hệ điều hành & trình duyệt
SVG được hỗ trợ rộng rãi trên các trình duyệt web hiện đại như Chrome, Firefox, Safari và Edge, trên cả hệ điều hành máy tính để bàn lẫn di động như Windows, macOS, Android và iOS. Trình xem ảnh và bộ công cụ thiết kế như Adobe Illustrator, Inkscape và CorelDRAW hỗ trợ chỉnh sửa SVG nguyên bản. PNG cũng được hỗ trợ rộng rãi trên trình duyệt và hệ điều hành; để xem mã đánh dấu SVG thô, bạn chỉ cần một trình soạn thảo văn bản tiêu chuẩn.
Thông tin hữu ích
Vì quá trình chuyển đổi này nhúng bitmap raster vào vùng chứa XML thay vì dò tìm các đường dẫn vector, đồ họa sẽ bảo toàn chi tiết pixel chính xác và độ trong suốt alpha trong khi vẫn duy trì khả năng tương thích hoàn toàn với các trình kết xuất SVG.
Câu hỏi thường gặp
Làm cách nào để chuyển đổi Hình ảnh PNG sang Vector SVG mà không làm giảm chất lượng?
Trình chuyển đổi nhúng trực tiếp bitmap PNG ở độ phân giải đầy đủ vào một lớp vỏ SVG XML dưới dạng luồng dữ liệu Base64. Cách này giữ nguyên màu điểm ảnh và độ trong suốt mà không cần nén mất dữ liệu.
Sự khác biệt giữa Hình ảnh PNG và Vector SVG là gì?
PNG là định dạng hình ảnh raster lưu trữ dữ liệu trực quan dưới dạng lưới pixel màu cố định được nén bằng DEFLATE, làm cho kích thước tệp phụ thuộc vào kích thước pixel. SVG là định dạng hình ảnh vector lưu trữ dữ liệu trực quan dưới dạng các hướng dẫn toán học có thể mở rộng được viết bằng văn bản XML, cho phép hình ảnh thay đổi kích thước vô hạn mà không bị vỡ pixel.