Μετατρέψτε αρχεία Vector SVG σε εικόνες Raster PNG υψηλής ποιότητας. Προσαρμόστε εύκολα την κλίμακα εξόδου και το χρώμα φόντου στο πρόγραμμα περιήγησής σας.
Υποστηρίζει έως και 50MB
Το SVG (Scalable Vector Graphics) περιγράφει τις εικόνες ως ένα σύνολο γεωμετρικών αρχέγονων στοιχείων — μονοπάτια, σχήματα, κείμενο, διαβαθμίσεις — που κλιμακώνονται σε οποιοδήποτε μέγεθος χωρίς απώλεια ποιότητας. Το PNG αποθηκεύει ένα μόνο ορθογώνιο πλέγμα pixel σε σταθερή ανάλυση. Η μετατροπή SVG σε PNG είναι ένα βήμα ραστεροποίησης: οι οδηγίες σχεδίασης του SVG αξιολογούνται σε επιλεγμένο μέγεθος pixel και το προκύπτον bitmap κωδικοποιείται ως PNG. Η έξοδος φαίνεται καθαρή στο μέγεθος που ορίσατε, αλλά γίνεται pixel αν κλιμακωθεί.
Αυτός ο μετατροπέας αποδίδει SVG χρησιμοποιώντας την ενσωματωμένη μηχανή SVG του προγράμματος περιήγησης. Το SVG φορτώνεται σε ένα στοιχείο εικόνας, σχεδιάζεται σε καμβά HTML5 στις επιλεγμένες διαστάσεις εξόδου και εξάγεται ως PNG μέσω του canvas.toBlob. Επειδή το πρόγραμμα περιήγησης κάνει τη ραστεροποίηση, τα πολύπλοκα χαρακτηριστικά SVG — ντεγκραντέ, φίλτρα, μάσκες, κινούμενα σχέδια ως στατικό πλαίσιο — αποδίδονται με τον ίδιο τρόπο που θα έκαναν σε μια πραγματική ιστοσελίδα.
Η πιο σημαντική απόφαση στη μετατροπή SVG σε PNG είναι το μέγεθος στόχου. Το SVG είναι ανεξάρτητο από την ανάλυση, επομένως η επιλογή ενός μεγέθους PNG που ταιριάζει με την πραγματική χρήση αποφεύγει την υπερβολική παροχή (τεράστια αρχεία για εικονίδια μεγέθους μικρογραφιών) και την υποπαροχή (θολή έξοδος όταν κλιμακωθεί αργότερα). Κοινοί στόχοι: 32×32 ή 64×64 για εικονίδια, 256×256 ή 512×512 για λογότυπα, 1024×1024 για γραφικά ηρώων, 2048×2048 για στοιχεία ποιότητας αμφιβληστροειδούς.
Το SVG είναι υπέροχο για τον ιστό και τα μοντέρνα εργαλεία σχεδιασμού, αλλά τρομερό για πολλά άλλα περιβάλλοντα. Τα προγράμματα-πελάτες ηλεκτρονικού ταχυδρομείου αποδίδουν το SVG με ασυνέπεια. κάποιοι το μπλοκάρουν ως κίνδυνο ασφάλειας. Παλαιότερο λογισμικό γραφείου, ορισμένα CMS, υπηρεσίες τρίτων και σχεδόν όλοι οι αγωγοί εκτύπωσης φωτογραφιών δεν δέχονται καθόλου SVG. Η μετατροπή σε PNG παράγει ένα παγκοσμίως αποδεκτό ράστερ που φαίνεται πανομοιότυπο στο επιλεγμένο μέγεθος.
Το PNG ενσωματώνεται επίσης αξιόπιστα σε έγγραφα γραφείου, πλατό διαφανειών και PDF χωρίς να εξαρτάται από την απόδοση SVG του παραλήπτη. Για λογότυπα και γραφικά που πρέπει να εμφανίζονται με συνέπεια σε πολλές πλατφόρμες, το PNG είναι η ασφαλέστερη επιλογή — παρόλο που χάνει την ανεξαρτησία της ανάλυσης που κάνει το SVG ελκυστικό στην αρχή.
Επιλέξτε το μέγεθος του στόχου σας, κάντε απόδοση. Το πρόγραμμα περιήγησης κάνει τη ραστεροποίηση.
Το SVG (Σύσταση W3C) είναι μια διανυσματική μορφή που βασίζεται σε XML με στοιχεία για διαδρομές, βασικά σχήματα (ορθή, κύκλος, έλλειψη, γραμμή, πολύγωνο, πολύγραμμη), κείμενο, διαβαθμίσεις (linearGradient, radialGradient), φίλτρα, μάσκες και διαδρομές κλιπ. Το πρόγραμμα περιήγησης αναλύει το XML, δημιουργεί ένα DOM, εφαρμόζει CSS και ραστεροποιεί το αποτέλεσμα κατά την απόδοση της σελίδας.
Αυτός ο μετατροπέας φορτώνει το SVG σε ένα HTMLImageElement (το οποίο ενεργοποιεί την κανονική διαδρομή απόδοσης SVG ως εικόνα του προγράμματος περιήγησης) και στη συνέχεια το σχεδιάζει σε έναν καμβά μέσω του drawImage. Ο καμβάς εξάγεται ως PNG χρησιμοποιώντας το canvas.toBlob('image/png'). Τα ακριβή pixel στην έξοδο ταιριάζουν με αυτά που το SVG θα απέδιδε στο ίδιο μέγεθος σε μια καρτέλα του προγράμματος περιήγησης.
Περιπτώσεις άκρων: SVG που χρησιμοποιεί ForeignObject δεν υποστηρίζεται πάντα όταν χρησιμοποιείται μέσω του στοιχείου Image. Η αναφορά SVG σε εξωτερικούς πόρους (xlink:href σε διαφορετικό τομέα) ενδέχεται να αποτύχει να φορτώσει λόγω CORS. Τα κινούμενα σχέδια SMIL και τα κινούμενα σχέδια που βασίζονται σε JavaScript εμφανίζονται μόνο ως αρχικό καρέ.