Μετατροπή SVG σε εικονίδιο

Q: Ποια η διαφορά αυτής της σελίδας από τη μετατροπή SVG σε ICO;

Το [SVG σε ICO](/svg-to-ico) εστιάζει στο ενιαίο αρχείο .ico για favicon και Windows. Αυτή η σελίδα καλύπτει κάθε χώρο όπου χρησιμοποιείται ένα εικονίδιο, συμπεριλαμβανομένου του ICNS για macOS και των PNG σταθερού μεγέθους που ζητούν το Android, το iOS και τα καταστήματα εφαρμογών.

Ένα διανυσματικό λογότυπο αρκεί για όλα τα εικονίδια που χρειάζεστε: favicon, συντόμευση των Windows, εφαρμογή Mac και εικονίδια εκκίνησης στα κινητά. Η σελίδα αυτή ξεκινά με ICO πολλών μεγεθών και σας επιτρέπει να επιλέξετε ICNS ή PNG για τις άλλες πλατφόρμες.

ή σύρετε Αρχεία JPG, JPEG, JPE … εδώ ·

Έως 95 MB ανά αρχείο· Έως 20 αρχεία· Διαγραφή μετά από 30 λεπτά

Έξοδος

Μετατροπή σε

Τα αρχεία επεξεργάζονται στους διακομιστές μας και διαγράφονται μετά από 30 λεπτά.

Ποιότητα και χρώμα

Κινούμενη εικόνα εισόδου

Αυτή η μορφή κρατά μία μόνο εικόνα. Επιλέξτε έξοδο GIF ή WebP αν θέλετε να διατηρηθεί το κινούμενο σχέδιο.

Μεγέθη εικονιδίων

Ένα εικονίδιο πολλών μεγεθών περιέχει αρκετές αναλύσεις σε ένα αρχείο· τα προγράμματα περιήγησης και τα λειτουργικά συστήματα διαλέγουν αυτή που χρειάζονται.

Αλλαγή μεγέθους εξόδου

Αλλαγή μεγέθους τελικής εικόνας

Κρατήστε τις αρχικές διαστάσεις ή εισαγάγετε τη μία πλευρά και η αναλογία διατηρείται.

Μεταδεδομένα και προφίλ χρώματος

Αυτόματος προσανατολισμός

Περιστρέφει την εικόνα με βάση τον προσανατολισμό που είναι αποθηκευμένος στο EXIF, ώστε να εμφανίζεται όρθια παντού.

Αφαίρεση μεταδεδομένων

Αφαιρεί θέση GPS, δεδομένα κάμερας και σχόλια. Το προφίλ χρώματος μπορεί να διατηρηθεί ξεχωριστά παρακάτω.

Διατήρηση προφίλ χρώματος

Διατηρεί το ενσωματωμένο προφίλ ICC ώστε τα χρώματα να παραμένουν ακριβή μετά τη μετατροπή.

Χρωματικός χώρος

Το sRGB είναι κατάλληλο για οθόνες και το διαδίκτυο. Κρατήστε το αρχικό για ροές εκτύπωσης· οι αποχρώσεις του γκρι απορρίπτουν το χρώμα.

Ετικέτα DPI

dpi

Μόνο μεταδεδομένα, το 0 κρατά την αρχική τιμή. Οι εκτυπωτές και ορισμένες πύλες διαβάζουν αυτόν τον αριθμό· δεν αλλάζει τις διαστάσεις σε pixel.

Πώς να χρησιμοποιήσετε αυτό το εργαλείο

1
Ανεβάστε ένα τετράγωνο SVG
Προσθέστε το SVG του λογοτύπου σας, κατά προτίμηση με τετράγωνο viewBox. Μπορείτε να προσθέσετε έως 20 αρχεία ταυτόχρονα, για παράδειγμα μια ανοιχτή και μια σκούρα παραλλαγή.
2
Επιλέξτε τη μορφή εικονιδίου
Είναι προεπιλεγμένο το ICO με τα Μεγέθη εικονιδίων ορισμένα σε Όλα τα μεγέθη (16–256). Επιλέξτε ICNS στο Μετατροπή σε για macOS, ή PNG με πλάτος στο Αλλαγή μεγέθους τελικής εικόνας για εικονίδιο κινητού ή καταστήματος εφαρμογών.
3
Μετατρέψτε και τοποθετήστε τα αρχεία
Πατήστε Μετατροπή σε ICO (η ετικέτα ακολουθεί τη μορφή που επιλέξατε), κάντε λήψη και τοποθετήστε κάθε αρχείο εκεί που το περιμένει η πλατφόρμα του.

Δεν υπάρχει μία μορφή εικονιδίου. Τα Windows και τα προγράμματα περιήγησης χρησιμοποιούν ICO, το macOS ICNS και τα κινητά σετ από PNG. Αν ξεκινήσετε από SVG, κάθε μορφή σχεδιάζεται εκ νέου από το διανυσματικό αρχείο, καθαρή σε κάθε μέγεθος.

SVG σε εικονίδιο: ένα διανυσματικό αρχείο, τρία είδη εικονιδίων

Ένα αρχείο εικονιδίου είναι περιέκτης μικρών bitmap, όχι διανυσματικό. Το λειτουργικό σύστημα επιλέγει το bitmap που πλησιάζει περισσότερο στο μέγεθος που χρειάζεται, οπότε ένα καλό εικονίδιο έχει πολλά, το καθένα σχεδιασμένο για το δικό του πλέγμα.

Η προεπιλογή ICO σε αυτή τη σελίδα γράφει ένα αρχείο με όλα τα μεγέθη από 16 έως 256 px, που καλύπτει το favicon.ico και τις συντομεύσεις των Windows. Αλλάξτε το Μετατροπή σε σε ICNS για περιέκτη εικονιδίου της Apple, ή σε PNG για τα μεμονωμένα μεγέθη που ζητούν το Android, το iOS και τα καταστήματα εφαρμογών.

Ο πίνακας παραθέτει όσα δημοσιεύουν οι μεγάλες πλατφόρμες για τις θέσεις των εικονιδίων τους.

Τα αρχεία εικονιδίων που απαιτεί κάθε πλατφόρμα
Οργανισμός	Απαίτηση	Πηγή
Επιφάνεια εργασίας και γραμμή εργασιών Windows	ICO με πολλά μεγέθη, μεταξύ των οποίων 16, 32, 48 και 256 px	—
Favicon ιστότοπου	favicon.ico στον ριζικό φάκελο του ιστότοπου με 16, 32 και 48 px· PNG 180 × 180 px για το apple-touch-icon	—
Εικονίδιο εφαρμογής macOS	ICNS ή κατάλογος πόρων Xcode, μεγέθη έως 1024 × 1024 px	—
Καταχώριση στο Google Play	PNG 32 bit 512 × 512 px, έως 1.024 KB	—
Apple App Store	PNG 1024 × 1024 px χωρίς διαφάνεια	—

SVG

Scalable Vector Graphics

Το SVG είναι μορφή διανυσμάτων βασισμένη σε XML, που τυποποιήθηκε από το W3C το 2001. Αντί για pixel περιγράφει σχήματα, διαδρομές και κείμενο, οπότε παραμένει καθαρό σε κάθε μέγεθος και συνήθως είναι πολύ μικρό για λογότυπα και εικονίδια. Υποστηρίζει διαφάνεια, στυλ CSS, σενάρια και κινούμενα σχέδια, και κάθε πρόγραμμα περιήγησης το εμφανίζει εγγενώς. Το SVG δεν ενδείκνυται για φωτογραφίες και οι σύνθετες εικονογραφήσεις μπορεί να αργούν να αποδοθούν. Μπορείτε να το ανοίξετε και να το επεξεργαστείτε με Illustrator, Inkscape, Figma και προγράμματα περιήγησης.

Συμπίεση: –
Διαφάνεια: Ναι
Κινούμενη εικόνα: Ναι
Έτος εισαγωγής: 2001 · W3C

Μετατροπέας SVG

ICO

Εικονίδιο Windows

Το ICO είναι η μορφή εικονιδίων της Microsoft που χρησιμοποιείται για εικονίδια προγραμμάτων Windows και favicon ιστότοπων. Ένα αρχείο .ico μπορεί να περιέχει πολλές εικόνες σε διαφορετικά μεγέθη, όπως 16×16, 32×32, 48×48 και 256×256 pixel, ώστε το σύστημα να επιλέγει την καταλληλότερη. Κάθε εικόνα μπορεί να αποθηκευτεί ως bitmap ή ως δεδομένα PNG και υποστηρίζει πλήρη διαφάνεια alpha. Το ICO δεν προορίζεται για φωτογραφίες ή μεγάλα γραφικά. Οι browser, τα Windows και τα περισσότερα προγράμματα επεξεργασίας εικονιδίων μπορούν να το διαβάσουν.

Συμπίεση: Χωρίς απώλειες
Διαφάνεια: Ναι
Κινούμενη εικόνα: Όχι
Έτος εισαγωγής: Microsoft

Μετατροπέας ICO

Αναζητούν «SVG σε εικονίδιο» όταν έχουν ένα διανυσματικό λογότυπο και πολλές πλατφόρμες να καλύψουν, καθεμία με το δικό της περιέκτη εικονιδίου, από το favicon.ico σε έναν ιστότοπο έως το ICNS σε Mac και PNG συγκεκριμένων μεγεθών στα καταστήματα εφαρμογών.

Μετατροπή SVG σε εικονίδια για Windows, Mac, Android και iOS

Διατηρήστε το ICO και τα Μεγέθη εικονιδίων σε Όλα τα μεγέθη. Μετονομάστε το αποτέλεσμα σε favicon.ico για τη ρίζα ενός ιστότοπου ή υποδείξτε το στο παράθυρο «Αλλαγή εικονιδίου» μιας συντόμευσης των Windows.

Ένα αρχείο .ico εξυπηρετεί καρτέλες, σελιδοδείκτες και γραμμή εργασιών
Προσθέστε ένα PNG 180 px για σελιδοδείκτες στην αρχική οθόνη του iPhone

Σχεδιασμός SVG που παραμένει ευανάγνωστο στα 16 px

Ένα εικονίδιο 16 × 16 px έχει συνολικά 256 pixel. Οι περισσότερες μάρκες κρατούν ξεχωριστό σήμα εικονιδίου, συχνά μόνο το σύμβολο ή ένα γράμμα, με έντονα σχήματα και λίγα χρώματα· αν το δικό σας δεν υπάρχει ακόμη, φτιάξτε ένα απλοποιημένο αντίγραφο του SVG για εικονίδια.

Ελέγξτε το viewBox πριν από τη μετατροπή. Ένα πλατύ viewBox παράγει εικονίδιο με κενές λωρίδες πάνω και κάτω από το σήμα, οπότε περικόψτε το πρώτα σε τετράγωνο· ο οδηγός για την περικοπή εικόνας σε αναλογία καλύπτει τις τετράγωνες περικοπές, και το SVG σε PNG δίνει μια γρήγορη μεγάλη προεπισκόπηση για να κρίνετε το σχέδιο.

Συχνές ερωτήσεις για τη μετατροπή SVG σε εικονίδιο

Ποια η διαφορά αυτής της σελίδας από τη μετατροπή SVG σε ICO;

Το SVG σε ICO εστιάζει στο ενιαίο αρχείο .ico για favicon και Windows. Αυτή η σελίδα καλύπτει κάθε χώρο όπου χρησιμοποιείται ένα εικονίδιο, συμπεριλαμβανομένου του ICNS για macOS και των PNG σταθερού μεγέθους που ζητούν το Android, το iOS και τα καταστήματα εφαρμογών.

Ποια μορφή εικονιδίου χρησιμοποιεί κάθε λειτουργικό σύστημα;

Τα Windows διαβάζουν ICO, το macOS διαβάζει ICNS ή καταλόγους πόρων (asset catalogs) του Xcode, και το Android και το iOS δέχονται εικόνες PNG σε σταθερά μεγέθη pixel.

Μπορώ να πάρω όλα τα μεγέθη PNG για την εφαρμογή μου με μία μετατροπή;

Όχι. Ένα PNG περιέχει ένα μέγεθος, οπότε κάθε μετατροπή γράφει ένα πλάτος. Ορίστε το Αλλαγή μεγέθους τελικής εικόνας σε ένα μέγεθος, μετατρέψτε, αλλάξτε τον αριθμό και μετατρέψτε ξανά· κάθε μέγεθος σχεδιάζεται καθαρά από το διανυσματικό αρχείο.

Καλύπτει το ICNS αυτής της σελίδας τα εικονίδια Retina του Mac;

Περιέχει μεγέθη από 16 έως 256 px. Τα τρέχοντα εικονίδια εφαρμογών macOS περιλαμβάνουν και εγγραφές 512 px και 1024 px για οθόνες Retina, τις οποίες το Xcode ή το iconutil της Apple δημιουργούν από PNG· εξαγάγετε εδώ αυτά τα δύο ως PNG και προσθέστε τα στο σετ.

Πρέπει το εικονίδιο να έχει διαφανές φόντο;

Για ICO, ICNS και επίπεδα εκκινητή Android, ναι: η διαφάνεια επιτρέπει στο σύστημα να σχεδιάσει το δικό του φόντο. Εξαίρεση αποτελεί το εικονίδιο του iOS App Store· η Apple απορρίπτει εικονίδιο 1024 px με κανάλι άλφα, οπότε δώστε σε αυτό το PNG συμπαγές φόντο μέσα στο SVG.

Γιατί το λεπτομερές λογότυπό μου γίνεται μουτζούρα ως μικρό εικονίδιο;

Στα 16 ή 32 px δεν υπάρχει χώρος για λεπτές γραμμές ή μικρό κείμενο. Παχύνετε τις γραμμές ώστε να καλύπτουν τουλάχιστον ένα ολόκληρο pixel στο μικρότερο μέγεθος και αφαιρέστε το λεκτικό σήμα.