Μετατροπή SVG σε ICO

Ένα favicon που ξεκινά από SVG είναι η καλύτερη περίπτωση: κάθε μέγεθος εικονιδίου σχεδιάζεται από την αρχή από το διανυσματικό αρχείο αντί να σμικρύνεται από μια μεγάλη εικόνα bitmap, έτσι η έκδοση των 16 px μένει τόσο καθαρή όσο επιτρέπει το πλέγμα των pixel.

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

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

Έξοδος

Μετατροπή σε

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ετικέτα DPI

dpi

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

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

1
Ανεβάστε το λογότυπο SVG
Χρησιμοποιήστε το σήμα ή το μονόγραμμα και όχι ολόκληρο το λογότυπο με το όνομα. Ένα τετράγωνο viewBox δίνει το καθαρότερο αποτέλεσμα.
2
Κρατήστε όλα τα μεγέθη εικονιδίων
Το Μεγέθη εικονιδίων ξεκινά από την επιλογή Όλα τα μεγέθη (16–256), που συγκεντρώνει όλες τις αναλύσεις σε ένα αρχείο .ico. Επιλέξτε ένα μόνο μέγεθος μόνο όταν ένα πρόγραμμα ζητά ακριβώς ένα.
3
Πατήστε Μετατροπή σε ICO
Αποθηκεύστε το αρχείο ως favicon.ico στον ριζικό φάκελο του ιστότοπού σας ή συνδέστε μια συντόμευση των Windows με αυτό.

Απάντηση

Πώς μετατρέπω SVG σε ICO για favicon;

Ανεβάστε το SVG, αφήστε το Μεγέθη εικονιδίων στο Όλα τα μεγέθη (16–256) και πατήστε Μετατροπή σε ICO. Θα λάβετε ένα αρχείο .ico με όλες τις αναλύσεις σχεδιασμένες από το διανυσματικό αρχείο, με άθικτη τη διαφάνεια.

Μετατροπή SVG σε ICO: γιατί το διανυσματικό αρχείο είναι η σωστή πηγή

Η μορφή .ico ανάγεται στις πρώτες εκδόσεις των Windows και η σύμβαση favicon.ico στον Internet Explorer 5 το 1999, ο οποίος αναζητούσε αρχείο με αυτό το όνομα στη ρίζα κάθε ιστότοπου που προσθέτατε στους σελιδοδείκτες. Το ICO είναι ένας μικρός περιέκτης: ένας κατάλογος εγγραφών, καθεμία από τις οποίες είναι ξεχωριστό τετράγωνο bitmap, ώστε ένα αρχείο να χωρά ένα εικονίδιο καρτέλας 16 px και ένα εικονίδιο επιφάνειας εργασίας 256 px δίπλα-δίπλα. Τα Windows Vista ανέβασαν το μέγιστο στα 256 × 256 και επέτρεψαν τις μεγάλες εγγραφές να αποθηκεύονται ως PNG.

Επειδή κάθε εγγραφή είναι ξεχωριστό bitmap, η ποιότητα ενός εικονιδίου εξαρτάται από τον τρόπο παραγωγής κάθε μεγέθους. Από ένα PNG, κάθε μέγεθος είναι σμίκρυνση των ίδιων pixel. Από ένα SVG, κάθε μέγεθος είναι νέα απόδοση των διαδρομών, με εξομάλυνση υπολογισμένη για το συγκεκριμένο πλέγμα. Στα 16 × 16 px, όπου ένα λογότυπο έχει στη διάθεσή του 256 pixel, η διαφορά φαίνεται.

1:1

16 × 16 px

16 × 16

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

1:1

32 × 32 px

32 × 32

Καρτέλες σε οθόνες υψηλής πυκνότητας, συντομεύσεις στη γραμμή εργασιών των Windows.

1:1

64 × 64 px

64 × 64

Μεγεθυμένες προβολές επιφάνειας εργασίας και καρφιτσωμένα στοιχεία.

1:1

128 × 128 px

128 × 128

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

1:1

256 × 256 px

256 × 256

Η μεγαλύτερη εγγραφή ICO· τα πολύ μεγάλα εικονίδια του Explorer.

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 σε ICO επειδή το λογότυπό τους υπάρχει ως διανυσματικό αρχείο, ενώ η ρίζα του ιστότοπου, μια συντόμευση των Windows ή μια εφαρμογή υπολογιστή περιμένει ακόμη ένα αρχείο .ico με πολλά μεγέθη bitmap.

Προετοιμάστε το SVG πριν από τη μετατροπή σε ICO

Κάντε	Μην κάνετε
Ορίστε το viewBox σε τετράγωνο, όπως `0 0 512 512`.	Βασίζεστε σε εξαιρετικά λεπτές γραμμές που εξαφανίζονται κάτω από τα 32 px.
Αφήστε ένα μικρό περιθώριο, ώστε το σήμα να μην ακουμπά στην άκρη του εικονιδίου.	Κρατάτε ένα πλατύ λογότυπο με όνομα που καταλήγει σε λεπτή κηλίδα.
Μετατρέψτε το κείμενο σε περιγράμματα, ώστε να μην αλλάξει η γραμματοσειρά.	Αναφέρεστε σε εξωτερικές εικόνες ή γραμματοσειρές web μέσα στο SVG.
Χρησιμοποιήστε το σύμβολο ή τα αρχικά και όχι ολόκληρο το όνομα.	Προσθέτετε λευκό ορθογώνιο πίσω από το λογότυπο, εκτός αν το θέλετε και σε σκούρες καρτέλες.

Ο μετατροπέας αποδίδει ό,τι περιγράφει το SVG και τίποτε άλλο, οπότε συνδεδεμένοι πόροι και γραμματοσειρές που δεν είναι ενσωματωμένες δεν μπορούν να ληφθούν. Εργαλεία σχεδίασης όπως το Figma, το Illustrator και το Inkscape μπορούν να εξαγάγουν το κείμενο ως διαδρομές· κάντε το και τα γράμματα θα ταιριάζουν με την ταυτότητά σας παντού.

Όταν ετοιμαστεί το .ico, προσθέστε ένα PNG 180 px για τα εικονίδια Apple touch και το ίδιο το SVG για προγράμματα περιήγησης που υποστηρίζουν διανυσματικά favicon· το SVG σε PNG δημιουργεί το PNG σε οποιοδήποτε μέγεθος. Αν η πηγή σας είναι λογότυπο bitmap, το PNG σε ICO κάνει την ίδια δουλειά από pixel.

Μετατροπή SVG σε ICO: ερωτήσεις

Γιατί να κάνω μετατροπή SVG σε ICO αντί να ξεκινήσω από PNG;

Ένα PNG πρέπει να σμικρυνθεί για κάθε μέγεθος εικονιδίου και η σμίκρυνση θολώνει τις άκρες. Ένα SVG αποδίδεται απευθείας στα 16, 32, 64, 128 και 256 px, επομένως κάθε μέγεθος έχει καθαρές άκρες για το δικό του πλέγμα pixel.

Χρειάζονται ακόμη οι browser το favicon.ico αν ο ιστότοπός μου έχει εικονίδιο SVG;

Το Chrome και το Firefox διαβάζουν ένα favicon SVG που δηλώνεται με ετικέτα link, αλλά πολλά προγράμματα περιήγησης, αναγνώστες ροών και crawlers εξακολουθούν να ζητούν από προεπιλογή το /favicon.ico από τη ρίζα του ιστότοπου. Αν διαθέσετε και τα δύο, καλύπτονται όλα.

Τι γίνεται αν το SVG μου δεν είναι τετράγωνο;

Οι θέσεις των εικονιδίων είναι τετράγωνες, οπότε ένα πλατύ λογότυπο ή αποκτά κενά περιθώρια ή φαίνεται μικροσκοπικό. Ορίστε πρώτα το viewBox με ίσο πλάτος και ύψος ή κόψτε μια τετράγωνη έκδοση με το εργαλείο περικοπή εικόνας αφού εξαγάγετε ένα PNG.

Διατηρείται το διάφανο φόντο στο ICO;

Ναι. Το ICO αποθηκεύει κανάλι alpha, οπότε οι περιοχές χωρίς γέμισμα στο SVG παραμένουν διαφανείς και το εικονίδιο φαίνεται καθαρά σε ανοιχτές και σκούρες καρτέλες του προγράμματος περιήγησης.

Μπορώ να μετατρέψω SVG σε ICO για εικονίδιο προγράμματος ή φακέλου στα Windows;

Ναι, το ίδιο αρχείο λειτουργεί. Τα Windows διαβάζουν την εικόνα των 256 px για τις μεγάλες και πολύ μεγάλες προβολές του Explorer και τις μικρότερες εγγραφές για τις λίστες και τη γραμμή εργασιών.

Γιατί το εικονίδιό μου φαίνεται άδειο στα 16 px;

Οι λεπτές γραμμές και τα μικρά κείμενα χάνονται σε αυτό το μέγεθος. Μια γραμμή 2 μονάδων σε καμβά 512 μονάδων αποδίδεται πολύ κάτω από ένα pixel σε εικονίδιο 16 px. Παχύνετε τις γραμμές ή χρησιμοποιήστε ένα απλούστερο σήμα για το favicon.

Μετατροπή SVG σε ICO

Μετατροπέας εικόνων