Μετατροπή PNG σε SVG
Ενσωματώστε εικόνες PNG ράστερ σε ένα διανυσματικό κοντέινερ SVG XML για προσαρμοστική κλιμάκωση στον ιστό και ενσωμάτωση σε διατάξεις συμβατές με διανυσματικά γραφικά.
Σύγκριση μορφών και τεχνικές προδιαγραφές
| Προδιαγραφή | PNG | SVG |
|---|---|---|
| Τύπος MIME | image/ | image/ |
| Τύπος | Ράστερ | Διανυσματικό |
| Συμπίεση | χωρίς απώλειες (DEFLATE / LZ77 + Huffman) | κείμενο XML χωρίς απώλειες (μπορεί να συμπιεστεί με GZIP μέσω .svgz) |
| Πρότυπη προδιαγραφή | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| Κεφαλίδα Magic Bytes | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Επισκόπηση Μορφής & Εφαρμογές
Η μετατροπή αρχείων PNG σε μορφή SVG τυλίγει το ράστερ bitmap μέσα σε ένα δοχείο διανυσμάτων XML, επιτρέποντας στους προγραμματιστές ιστού και τους γραφίστες να ενσωματώνουν γραφικά ράστερ απευθείας σε ροές εργασίας επεκτάσιμων διανυσμάτων. Μια εικόνα ράστερ PNG χρησιμοποιεί ένα σταθερό πλέγμα χρωματισμένων pixel. Η ενσωμάτωση αυτού του γραφικού σε ένα αρχείο SVG διατηρεί τις αρχικές διαστάσεις pixel και τη διαφάνεια, καθιστώντας παράλληλα την εικόνα απευθείας ενσωματώσιμη σε διατάξεις ιστού που βασίζονται σε SVG και σε προσαρμοστικά viewports UI. Οι σχεδιαστές ιστοσελίδων εκτελούν συχνά αυτή τη μετατροπή για να ενσωματώσουν έργα τέχνης ράστερ σε φύλλα sprite SVG, ροές εργασίας διανυσ Aστιτικών εικονογραφήσεων και προσαρμοστικούς ιστότοπους χωρίς να διαχειρίζονται ξεχωριστά εξωτερικά αρχεία εικόνας. Το τελικό SVG συσκευάζει ολόκληρο το γραφικό αυτόνομα μέσα σε τυπική σήμανση XML.
Τεχνικές προδιαγραφές και ανάλυση κωδικοποιητών
Ένα αρχείο PNG είναι μια εικόνα ράστερ με τύπο MIME image/png. Ξεκινά με την κεφαλίδα magic byte 89 50 4E 47 0D 0A 1A 0A, ακολουθούμενη από τμήματα δεδομένων συμπιεσμένα με χρήση του αλγορίθμου DEFLATE, ο οποίος συνδυάζει λεξικά ολίσθησης LZ77 και κωδικοποίηση Huffman. Αντίθετα, ένα αρχείο SVG χρησιμοποιεί τον τύπο MIME image/svg+xml και είναι δομημένο ως έγγραφο XML. Κατά τη διάρκεια της μετατροπής, η μηχανή μετατρέπει την εικόνα σε ράστερ στη μνήμη του πελάτη, σειριοποιεί το bitmap σε PNG και ενσωματώνει την εικόνα ως Base64 data URI μέσα σε ένα στοιχείο δοχείου SVG <image>. Αυτό συσκευάζει το γραφικό σε ένα έγκυρο, αυτόνομο αρχείο SVG με καθορισμένες διαστάσεις viewBox.
Συμβατότητα Λειτουργικού Συστήματος & Προγράμματος Περιήγησης
Τα αρχεία SVG απολαμβάνουν καθολική υποστήριξη σε σύγχρονα προγράμματα περιήγησης ιστού, συμπεριλαμβανομένων των Chrome, Firefox, Safari και Edge σε λειτουργικά συστήματα επιτραπέζιων υπολογιστών και κινητών, όπως Windows, macOS, Android και iOS. Τα προγράμματα προβολής εικόνων και οι σουίτες σχεδίασης, όπως το Adobe Illustrator, το Inkscape και το CorelDRAW, χειρίζονται την επεξεργασία SVG εγγενώς. Τα αρχεία PNG μοιράζονται αυτήν την καθολική υποστήριξη προγράμματος περιήγησης και λειτουργικού συστήματος, αλλά η προβολή ακατέργαστης σήμανσης SVG απαιτεί οποιοδήποτε τυπικό πρόγραμμα επεξεργασίας κειμένου. Η υποστήριξη εξαρτάται επίσης από την εφαρμογή, τη συσκευή, το λειτουργικό σύστημα και την έκδοση.
Χρήσιμες πληροφορίες
Επειδή αυτή η μετατροπή ενσωματώνει το bitmap ράστερ σε ένα δοχείο XML αντί να ανιχνεύει διανυσματικά μονοπάτια, το γραφικό διατηρεί ακριβείς λεπτομέρειες pixel και διαφάνεια alpha, διατηρώντας παράλληλα πλήρη συμβατότητα με τα προγράμματα απόδοσης SVG.
Συχνές Ερωτήσεις
Πώς μπορείτε να μετατρέψετε εικόνα PNG σε διάνυσμα SVG χωρίς απώλεια ποιότητας;
Ο μετατροπέας ενσωματώνει απευθείας το bitmap PNG πλήρους ανάλυσης μέσα σε ένα περίβλημα SVG XML ως ενσωματωμένη ροή δεδομένων Base64. Έτσι διατηρούνται τα χρώματα των pixel και η διαφάνεια χωρίς συμπίεση με απώλειες.
Ποια είναι η διαφορά μεταξύ εικόνας PNG και διανύσματος SVG;
Το PNG είναι μια μορφή εικόνας ράστερ που αποθηκεύει οπτικά δεδομένα ως σταθερό πλέγμα χρωματισμένων pixel συμπιεσμένων με DEFLATE, καθιστώντας το μέγεθος του αρχείου εξαρτώμενο από τις διαστάσεις των pixel. Το SVG είναι μια μορφή διανυσματικής εικόνας που αποθηκεύει οπτικά δεδομένα ως επεκτάσιμες μαθηματικές οδηγίες γραμμένες σε κείμενο XML, επιτρέποντας στην εικόνα να αλλάζει μέγεθος απεριορίστως χωρίς πιξελοποίηση.