Το SVG είναι η προτιμώμενη μορφή για λογότυπα, εικονίδια και εικονογραφήσεις, επειδή είναι διανυσματικό (vector) — περιγράφει σχήματα με μαθηματικά, οπότε παραμένει απόλυτα ευκρινές σε οποιοδήποτε μέγεθος, διατηρώντας παράλληλα μικροσκοπικό μέγεθος αρχείου. Όμως δεν κατανοούν όλα τα εργαλεία το SVG. Οι πλατφόρμες κοινωνικής δικτύωσης, τα προγράμματα παρουσιάσεων, πολλοί επεξεργαστές φωτογραφιών και άφθονες φόρμες μεταφόρτωσης περιμένουν μια εικόνα ψηφιογραφικού τύπου (raster) όπως το PNG. Όταν συμβεί αυτό, μετατρέπετε το SVG σε PNG.
Αυτός ο οδηγός εξηγεί πώς να μετατρέψετε SVG σε PNG χωρίς να καταλήξετε με ένα θολό αποτέλεσμα, τη μία ρύθμιση που έχει τη μεγαλύτερη σημασία και πότε θα πρέπει να κρατήσετε το SVG.
Vector vs Raster: Γιατί η μετατροπή χρειάζεται μέγεθος
Η βασική διαφορά μεταξύ SVG και PNG εξηγεί τα πάντα σχετικά με τη μετατροπή μεταξύ τους. Ένα SVG είναι ανεξάρτητο από την ανάλυση: δεν έχει σταθερές διαστάσεις σε pixel και μπορεί να σχεδιαστεί σε οποιοδήποτε μέγεθος κατ' απαίτηση. Ένα PNG είναι ένα σταθερό πλέγμα από pixels, οπότε έχει μια συγκεκριμένη ανάλυση ενσωματωμένη.
Η μετατροπή του SVG σε PNG ονομάζεται ψηφιογράφηση (rasterizing): το διάνυσμα αποτυπώνεται σε ένα πλέγμα από pixels σε ένα επιλεγμένο μέγεθος. Αυτή η επιλογή μεγέθους είναι η πιο σημαντική απόφαση στη μετατροπή, επειδή μόλις υπάρξει το PNG, η μεγέθυνσή του πέρα από την ανάλυσή του θα το κάνει θολό — ακριβώς ο περιορισμός που το SVG σχεδιάστηκε να αποφεύγει.
Επιλέξτε τη σωστή ανάλυση
Για να κρατήσετε το PNG σας ευκρινές, αποτυπώστε το στο μεγαλύτερο μέγεθος στο οποίο πραγματικά θα το προβάλετε, ή μεγαλύτερο. Μερικές κατευθυντήριες γραμμές:
- **Ταιριάξτε το μέγεθος προβολής.** Εάν ένα λογότυπο πρόκειται να εμφανιστεί με πλάτος 300 pixels, εξάγετε το PNG με τουλάχιστον αυτό το πλάτος.
- **Λάβετε υπόψη τις οθόνες υψηλής ανάλυσης.** Τα σύγχρονα τηλέφωνα και φορητοί υπολογιστές συγκεντρώνουν επιπλέον pixels, οπότε η εξαγωγή σε δύο ή τρεις φορές το μέγεθος προβολής διατηρεί την εικόνα ευκρινή σε αυτά.
- **Όταν έχετε αμφιβολία, πηγαίνετε μεγαλύτερα.** Ένα PNG μεγαλύτερο από το αναγκαίο μπορεί να σμικρυνθεί καθαρά· ένα πολύ μικρό δεν μπορεί να μεγεθυνθεί χωρίς να θολώσει.
Επειδή το SVG δεν έχει εγγενή ανάλυση, ένας καλός μετατροπέας σας επιτρέπει να επιλέξετε τις διαστάσεις εξόδου. Η επιλογή ενός γενναιόδωρου μεγέθους είναι ο απλούστερος τρόπος για να εγγυηθείτε ένα ευκρινές αποτέλεσμα.
Πώς να μετατρέψετε SVG σε PNG
Ο ταχύτερος τρόπος, χωρίς τίποτα να εγκαταστήσετε, είναι ένας μετατροπέας που βασίζεται στο πρόγραμμα περιήγησης. Χρησιμοποιήστε τον δωρεάν μετατροπέα SVG σε PNG: προσθέστε το SVG σας, μετατρέψτε το και κατεβάστε ένα PNG έτοιμο να χρησιμοποιηθεί οπουδήποτε γίνονται δεκτές εικόνες raster. Αποτυπώνει το διάνυσμα σε καθαρά pixels και διατηρεί τη διαφάνεια, ώστε ένα λογότυπο σε διαφανές φόντο να παραμένει διαφανές.
Αυτό είναι ιδανικό όταν χρειάζεστε ένα γρήγορο PNG για ένα προφίλ κοινωνικής δικτύωσης, μια παρουσίαση διαφανειών, ένα έγγραφο ή οποιοδήποτε εργαλείο που δεν θα δεχτεί απευθείας ένα SVG.
Η διαφάνεια διατηρείται
Ένα πλεονέκτημα της μετατροπής σε PNG αντί για JPG είναι η διαφάνεια. Το PNG υποστηρίζει ένα πλήρες κανάλι alpha, ώστε οι διαφανείς περιοχές του SVG σας — ο χώρος γύρω από ένα λογότυπο, για παράδειγμα — να παραμένουν διαφανείς στο PNG. Εάν αντ' αυτού μετατρέπατε σε JPG, αυτές οι περιοχές θα γέμιζαν με ένα συμπαγές χρώμα, επειδή το JPG δεν έχει διαφάνεια. Για λογότυπα και εικονίδια, το PNG είναι σχεδόν πάντα ο σωστός στόχος raster.
Πότε να κρατήσετε το SVG
Μετατρέψτε σε PNG μόνο όταν κάτι το απαιτεί. Για οτιδήποτε ελέγχετε — έναν ιστότοπο, μια εφαρμογή ή ένα αρχείο σχεδίασης — κρατήστε το SVG. Θα παραμένει ευκρινές σε κάθε οθόνη και σε κάθε μέγεθος, είναι συνήθως μικρότερο από ένα PNG υψηλής ανάλυσης για απλά γραφικά και μπορεί να επανασχεδιαστεί με κώδικα. Η ψηφιογράφηση σε PNG κλειδώνει την εικόνα σε μία ανάλυση και χάνει αυτά τα πλεονεκτήματα.
Μια πρακτική συνήθεια: κρατήστε το SVG ως το βασικό σας αντίγραφο και εξάγετε PNG από αυτό όποτε ένα συγκεκριμένο εργαλείο χρειάζεται ένα. Έτσι έχετε πάντα το κλιμακούμενο πρωτότυπο για να εργαστείτε. Για να μάθετε περισσότερα για τη μορφή, δείτε το Τι είναι ένα αρχείο SVG.
SVG, PNG ή κάτι άλλο;
Εάν ζυγίζετε μορφές για ένα έργο, η σύντομη εκδοχή είναι: χρησιμοποιήστε SVG για λογότυπα, εικονίδια και επίπεδες εικονογραφήσεις· χρησιμοποιήστε PNG όταν χρειάζεστε μια έκδοση raster με διαφάνεια ή ευκρινή περιγράμματα· και χρησιμοποιήστε JPG, WebP ή AVIF για φωτογραφίες. Για το πλήρες πλαίσιο απόφασης σε κάθε μορφή, δείτε το Πώς να επιλέξετε τη σωστή μορφή εικόνας για το web και, για τη διαφάνεια σε raster γενικά, το JPG vs PNG.