Πώς να το χρησιμοποιήσετε
- Επιλέξτε ένα αρχείο .svg (έως 5 MB) ή επικολλήστε κώδικα SVG στο πλαίσιο.
- Διαλέξτε έναν συντελεστή κλίμακας, όπως 2× για οθόνες υψηλής πυκνότητας, ή εισαγάγετε ακριβές πλάτος σε pixel.
- Διατηρήστε το φόντο διαφανές ή επιλέξτε ένα χρώμα.
- Ελέγξτε την προεπισκόπηση και κατεβάστε το PNG ή WebP αν το υποστηρίζει ο περιηγητής σας.
Πώς λειτουργεί
Το SVG είναι διανυσματική μορφή: τα σχήματα περιγράφονται μαθηματικά, έτσι μπορούν να σχεδιαστούν ευκρινώς σε οποιοδήποτε μέγεθος. Το PNG είναι πλέγμα εικονοστοιχείων, το οποίο απαιτούν πολλές εφαρμογές, έγγραφα, προγράμματα email και κοινωνικά δίκτυα. Αυτό το εργαλείο σχεδιάζει το SVG με τον renderer του προγράμματος περιήγησής σας στο μέγεθος που επιλέγετε και αποθηκεύει τα εικονοστοιχεία ως PNG.
Το αρχικό μέγεθος προέρχεται από τα χαρακτηριστικά width και height του SVG. Οι απόλυτες μονάδες μετατρέπονται σε pixel (1 in = 96 px, 1 pt = 1,33 px). Αν δίνεται μόνο μία διάσταση ή καμία, το viewBox παρέχει τις αναλογίες και το μέγεθος· χωρίς κανένα από τα δύο, τα προγράμματα περιήγησης χρησιμοποιούν 300 × 150. Σχετικές τιμές όπως 100% δεν μπορούν να επιλυθούν για ένα αυτόνομο αρχείο, επομένως χρησιμοποιείται το viewBox.
Το SVG φορτώνεται ως εικόνα, που είναι ο ασφαλής τρόπος απόδοσης μη αξιόπιστων αρχείων: τα σενάρια δεν εκτελούνται και εξωτερικοί πόροι όπως συνδεδεμένες εικόνες, γραμματοσειρές web και αρχεία CSS δεν ανακτώνται. Κείμενο που βασίζεται σε γραμματοσειρά που δεν έχετε εγκατεστημένη θα σχεδιαστεί με εφεδρική γραμματοσειρά. Το XML ελέγχεται πρώτα, ώστε ένα τυπογραφικό λάθος να εμφανίζει σαφές σφάλμα αντί για κενή εικόνα.
Παραδείγματα
Εικονίδιο εφαρμογής από λογότυπο SVG
Ένα λογότυπο με viewBox="0 0 64 64" που εξάγεται σε πλάτος 1024 δίνει ένα PNG 1024 × 1024 με ευκρινείς άκρες, έτοιμο για ένα κατάστημα εφαρμογών ή μια γεννήτρια favicon.
Εικόνα Retina για ιστότοπο
Μια απεικόνιση που είναι 400 × 300 σε κλίμακα 1× και εξάγεται με κλίμακα 2 δίνει ένα PNG 800 × 600 που παραμένει ευκρινές σε οθόνες υψηλής πυκνότητας.
Διαφάνεια ή έγγραφο
Η εξαγωγή ενός γραφήματος SVG σε κλίμακα 3 με λευκό φόντο δημιουργεί ένα PNG που μπορεί να επικολληθεί σε λογισμικό παρουσιάσεων που δεν δέχεται SVG.
Συχνές ερωτήσεις
Γιατί το κείμενό μου εμφανίζεται με λάθος γραμματοσειρά;
Οι γραμματοσειρές που συνδέονται από τον ιστό δεν φορτώνονται όταν ένα SVG αποδίδεται ως εικόνα. Χρησιμοποιούνται οι γραμματοσειρές που είναι εγκατεστημένες στη συσκευή σας, εφόσον ταιριάζουν. Για να είστε σίγουροι, μετατρέψτε το κείμενο σε καμπύλες στο πρόγραμμα σχεδίασής σας ή ενσωματώστε τη γραμματοσειρά στο SVG ως data URL.
Γιατί λείπουν οι συνδεδεμένες εικόνες;
Οι εικόνες που αναφέρονται μέσω URL μέσα στο SVG αποκλείονται για λόγους ασφαλείας όταν το SVG αποδίδεται ως εικόνα. Οι ενσωματωμένες εικόνες (data: URLs) λειτουργούν.
Ποιο είναι το μέγιστο μέγεθος εξόδου;
Έως 16.384 px ανά πλευρά και 50 megapixel συνολικά. Πολύ μεγάλες εξαγωγές σύνθετων SVG μπορεί να χρειαστούν μερικά δευτερόλεπτα και μπορεί να αποτύχουν σε τηλέφωνα με λίγη μνήμη.
Είναι ασφαλές να μετατρέψω ένα SVG από άγνωστη προέλευση;
Η απόδοσή του εδώ είναι ασφαλής: ένα SVG που σχεδιάζεται ως εικόνα δεν μπορεί να εκτελέσει σενάρια ή να φορτώσει εξωτερικούς πόρους. Το μετατρεπόμενο PNG περιέχει μόνο εικονοστοιχεία.
Απόρρητο
Το SVG σας αναλύεται και σχεδιάζεται από τον περιηγητή σας. Δεν μεταφορτώνεται, δεν αποθηκεύεται ούτε περιλαμβάνεται στα αναλυτικά στοιχεία.