Μετατροπή WebP σε ICO
Το λογότυπό σας υπάρχει μόνο ως WebP, αποθηκευμένο από τον ιστότοπό σας ή από εξαγωγή σχεδίου; Μετατρέψτε το σε favicon.ico που αναγνωρίζουν τα προγράμματα περιήγησης, οι σελιδοδείκτες και οι συντομεύσεις των Windows χωρίς επιπλέον κώδικα.
Μετατροπέας εικόνων
ή σύρετε Αρχεία JPG, JPEG, JPE … εδώ ·
Έως 95 MB ανά αρχείο· Έως 20 αρχεία· Διαγραφή μετά από 30 λεπτά
Τα αρχεία επεξεργάζονται στους διακομιστές μας και διαγράφονται μετά από 30 λεπτά.
Το 85 κρατά τις φωτογραφίες οπτικά ίδιες με το πρωτότυπο. Μειώστε το μόνο αν χρειάζεστε μικρότερο αρχείο.
Τα JPG, BMP και EPS δεν έχουν διαφάνεια. Τα διάφανα pixel γεμίζουν με αυτό το χρώμα.
Δεκαεξαδικό χρώμα πίσω από τα διάφανα pixel, π.χ. #FFFFFF.
Αυτή η μορφή κρατά μία μόνο εικόνα. Επιλέξτε έξοδο GIF ή WebP αν θέλετε να διατηρηθεί το κινούμενο σχέδιο.
Ένα εικονίδιο πολλών μεγεθών περιέχει αρκετές αναλύσεις σε ένα αρχείο· τα προγράμματα περιήγησης και τα λειτουργικά συστήματα διαλέγουν αυτή που χρειάζονται.
Κρατήστε τις αρχικές διαστάσεις ή εισαγάγετε τη μία πλευρά και η αναλογία διατηρείται.
Pixel για την πλευρά που επιλέξατε παραπάνω.
Ποσοστό των αρχικών διαστάσεων.
Το sRGB είναι κατάλληλο για οθόνες και το διαδίκτυο. Κρατήστε το αρχικό για ροές εκτύπωσης· οι αποχρώσεις του γκρι απορρίπτουν το χρώμα.
Μόνο μεταδεδομένα, το 0 κρατά την αρχική τιμή. Οι εκτυπωτές και ορισμένες πύλες διαβάζουν αυτόν τον αριθμό· δεν αλλάζει τις διαστάσεις σε pixel.
Πώς να χρησιμοποιήσετε αυτό το εργαλείο
- 1
Ανεβάστε το λογότυπο WebP
Ρίξτε το αρχείο .webp ή έως 20 αρχεία μαζί, έως 95 MB το καθένα. Ένα τετράγωνο λογότυπο τουλάχιστον 256 × 256 px δίνει το καλύτερο αποτέλεσμα.
- 2
Διατηρήστε όλα τα μεγέθη εικονιδίου
Η επιλογή Μεγέθη εικονιδίων ξεκινά με την τιμή Όλα τα μεγέθη (16–256) στις Σύνθετες ρυθμίσεις. Τα κινούμενα WebP χρησιμοποιούν το πρώτο τους καρέ.
- 3
Μετατρέψτε και ανεβάστε το στον ιστότοπό σας
Πατήστε Μετατροπή σε ICO, μετονομάστε το αρχείο σε favicon.ico αν χρειάζεται και τοποθετήστε το στον ριζικό φάκελο του ιστότοπού σας.
Τα λογότυπα που αποθηκεύονται από ιστότοπους είναι σήμερα συνήθως WebP. Μία μετατροπή μετατρέπει το αρχείο σε favicon.ico πολλαπλών μεγεθών, με διατήρηση του διαφανούς φόντου.
Δημιουργία favicon.ico από λογότυπο WebP
Το WebP έγινε η προεπιλεγμένη μορφή εικόνας για μεγάλο μέρος του διαδικτύου μετά την παρουσίασή του από την Google το 2010. Το WordPress δέχεται αρχεία WebP από την έκδοση 5.8 το 2021 και πολλά CDN εικόνων μετατρέπουν κάθε PNG που σερβίρουν. Έτσι, όταν αναζητάτε το δικό σας λογότυπο, το αντίγραφο που βρίσκετε είναι συχνά .webp, το οποίο δεν δέχονται οι γεννήτριες favicon, τα Windows και ορισμένα πάνελ φιλοξενίας.
Η μορφή ICO λύνει διαφορετικό πρόβλημα από το WebP. Αντί για μία συμπιεσμένη εικόνα, συγκεντρώνει πολλές τετράγωνες εικόνες bitmap και το πρόγραμμα περιήγησης ή το λειτουργικό σύστημα επιλέγει το μέγεθος που χρειάζεται: 16 px για μια καρτέλα, 32 px για τη γραμμή εργασιών ή τη γραμμή σελιδοδεικτών, μεγαλύτερα για συντομεύσεις επιφάνειας εργασίας και οθόνες υψηλής πυκνότητας. Η μετατροπή δημιουργεί όλα αυτά τα μεγέθη από το WebP σας με μία κίνηση.
Κρατήστε το ίδιο το WebP για το λογότυπο στην κεφαλίδα της σελίδας σας. Τα δύο αρχεία εξυπηρετούν διαφορετικές θέσεις και η μετατροπή δεν αλλάζει σε τίποτα το πρωτότυπο.
Τι περιέχει το αρχείο ICO που δημιουργείται
- Πέντε μεγέθη σε ένα αρχείο .ico
- 16–256 px
- αρχεία WebP ανά παρτίδα
- 20
- Μέγιστο μέγεθος ανά αρχείο
- 95 MB
- Μετά διαγράφεται από τον διακομιστή
- 30 λεπτά
WEBP
Εικόνα WebP
Το WebP είναι μορφή εικόνας που κυκλοφόρησε η Google το 2010 για να φορτώνουν πιο γρήγορα οι ιστοσελίδες. Υποστηρίζει συμπίεση με και χωρίς απώλειες, διαφάνεια άλφα και animation σε μία μορφή. Τα αρχεία WebP με απώλειες είναι συνήθως 25–35% μικρότερα από JPEG παρόμοιας οπτικής ποιότητας και το WebP χωρίς απώλειες είναι συνήθως μικρότερο από το PNG. Το υποστηρίζουν όλα τα σημερινά προγράμματα περιήγησης, αλλά ορισμένο παλαιότερο λογισμικό επιτραπέζιου υπολογιστή, υπηρεσίες εκτύπωσης και φόρμες μεταφόρτωσης εξακολουθούν να το απορρίπτουν. Τα Windows, το macOS και τα περισσότερα σύγχρονα προγράμματα επεξεργασίας εικόνας ανοίγουν αρχεία WebP.
- Συμπίεση
- Με ή χωρίς απώλειες
- Διαφάνεια
- Ναι
- Κινούμενη εικόνα
- Ναι
- Έτος εισαγωγής
- 2010 · Google
ICO
Εικονίδιο Windows
Το ICO είναι η μορφή εικονιδίων της Microsoft που χρησιμοποιείται για εικονίδια προγραμμάτων Windows και favicon ιστότοπων. Ένα αρχείο .ico μπορεί να περιέχει πολλές εικόνες σε διαφορετικά μεγέθη, όπως 16×16, 32×32, 48×48 και 256×256 pixel, ώστε το σύστημα να επιλέγει την καταλληλότερη. Κάθε εικόνα μπορεί να αποθηκευτεί ως bitmap ή ως δεδομένα PNG και υποστηρίζει πλήρη διαφάνεια alpha. Το ICO δεν προορίζεται για φωτογραφίες ή μεγάλα γραφικά. Οι browser, τα Windows και τα περισσότερα προγράμματα επεξεργασίας εικονιδίων μπορούν να το διαβάσουν.
- Συμπίεση
- Χωρίς απώλειες
- Διαφάνεια
- Ναι
- Κινούμενη εικόνα
- Όχι
- Έτος εισαγωγής
- Microsoft
Ένα λογότυπο WebP γίνεται ICO όταν το μόνο αντίγραφο του λογοτύπου είναι το συμπιεσμένο αρχείο που σέρβιρε ένας ιστότοπος ή ένα CMS, ενώ ο ιστότοπος χρειάζεται ακόμη ένα favicon.ico στη ρίζα του.
Προετοιμασία λογότυπου WebP για καρτέλα προγράμματος περιήγησης 16 px
Περικόψτε στο σήμα
Τα περισσότερα λογότυπα είναι πλατιά. Κρατήστε μόνο το σύμβολο ή το πρώτο γράμμα και περικόψτε το σε τετράγωνο με μικρό περιθώριο.
Αφαιρέστε το μικρό κείμενο
Τα συνθήματα και τα λογότυπα με γράμματα γίνονται γκρίζος θόρυβος στα 16 px. Ένα απλό έντονο σχήμα επιβιώνει, οι λεπτές γραμμές όχι.
Ελέγξτε και τα δύο χρώματα καρτέλας
Δείτε το αποτέλεσμα σε ανοιχτό και σε σκούρο θέμα του προγράμματος περιήγησης. Ένα σκούρο λογότυπο σε διαφανές φόντο μπορεί να χαθεί σε σκούρα καρτέλα.
Προσθήκη του νέου favicon στον ιστότοπό σας
Τοποθετήστε το favicon.ico στον ριζικό φάκελο, ώστε να απαντά στη διεύθυνση yoursite.com/favicon.ico. Αν το δηλώσετε στο head της σελίδας με <link rel="icon" href="/favicon.ico" sizes="any">, η επιλογή γίνεται ρητή, ενώ ένα CMS όπως το WordPress έχει δικό του πεδίο Εικονίδιο ιστότοπου που γράφει αυτές τις ετικέτες για εσάς.
Δύο ακόμη εικονίδια συμπληρώνουν το σετ. Τα iPhone και τα iPad χρησιμοποιούν ένα apple-touch-icon, PNG 180 × 180 px, όταν κάποιος προσθέτει τον ιστότοπό σας στην αρχική οθόνη. Δημιουργήστε το με το WebP σε PNG και τον οδηγό περικοπής. Η Αναζήτηση Google ζητά τετράγωνο favicon με μέγεθος πολλαπλάσιο των 48 px, οπότε ένα PNG 96 ή 144 px που συνδέεται από την αρχική σελίδα καλύπτει και τα αποτελέσματα αναζήτησης. Τα προγράμματα περιήγησης αποθηκεύουν επιθετικά στη μνήμη cache τα favicon· ανοίξτε τη σελίδα σε ιδιωτικό παράθυρο για να δείτε αμέσως το νέο.
Ερωτήσεις για τη μετατροπή WebP σε ICO
Γιατί χρειάζομαι αρχείο .ico, αφού το λογότυπό μου είναι ήδη WebP;
Όταν μια σελίδα δεν δηλώνει εικονίδιο, τα προγράμματα περιήγησης ζητούν από μόνα τους το /favicon.ico από τη ρίζα του ιστότοπου. Επίσης, οι συντομεύσεις των Windows, τα παλαιότερα προγράμματα περιήγησης και πολλά πεδία favicon σε CMS περιμένουν ICO ή PNG. Ένα αρχείο .ico στη ρίζα καλύπτει όλες αυτές τις περιπτώσεις χωρίς καμία πρόσθετη σήμανση.
Θα παραμείνει διάφανη η περιοχή γύρω από το λογότυπο WebP;
Ναι. Τόσο το WebP όσο και το ICO υποστηρίζουν κανάλι alpha, οπότε το διαφανές φόντο περνά αυτούσιο σε κάθε μέγεθος μέσα στο εικονίδιο και το favicon φαίνεται καθαρά σε ανοιχτόχρωμες και σκουρόχρωμες καρτέλες του προγράμματος περιήγησης.
Τι συμβαίνει αν ανεβάσω κινούμενο WebP;
Το ICO αποθηκεύει στατικές εικόνες, γι' αυτό ο μετατροπέας χρησιμοποιεί το πρώτο καρέ (η επιλογή Κινούμενη εικόνα εισόδου έχει τιμή Μόνο το πρώτο καρέ). Διαλέξτε άλλη πηγή αν το πρώτο καρέ είναι κενό ή βρίσκεται στη μέση μιας μετάβασης.
Θα φαίνεται στο favicon η απωλεστική συμπίεση του WebP;
Σπάνια στα 16 έως 64 px, επειδή η σμίκρυνση εξομαλύνει τα μικρά ελαττώματα. Αχνά φωτοστέφανα μπορεί να μείνουν στα επίπεδα των 128 και 256 px. Αν το λογότυπο υπάρχει και ως διανυσματικό αρχείο, το SVG σε ICO δίνει τις πιο καθαρές άκρες.
Τι ανάλυση χρειάζεται το λογότυπο WebP για καθαρό favicon;
Τουλάχιστον 256 × 256 px και τετράγωνη, ώστε το μεγαλύτερο επίπεδο να προκύπτει με σμίκρυνση και όχι με μεγέθυνση. Ένα λογότυπο 120 px από την κεφαλίδα μιας σελίδας θα φαίνεται θολό στα μεγαλύτερα μεγέθη.