Κάντε μια εικόνα PNG αρχείο ICO για να το χρησιμοποιήσετε ως favicon στον ιστότοπό σας ή ως εικονίδιο στα Windows. Το ICO περιέχει πολλά μεγέθη, από 16 έως 256 pixel, ώστε το εικονίδιο να φαίνεται καθαρό παντού, και διατηρεί τη διαφάνεια του PNG. Δωρεάν, χωρίς λογαριασμό και χωρίς υδατογράφημα.
Πώς να μετατρέψετε PNG σε ICO
- Επιλέξτε την εικόνα PNG. Ιδανικά να είναι τετράγωνη, με διάφανο φόντο και τουλάχιστον 256 × 256 pixel.
- Πατήστε «Μετατροπή σε ICO».
- Κατεβάστε το αρχείο ICO. Αν μετατρέψατε πολλές εικόνες, παίρνετε ένα ZIP με ένα εικονίδιο ανά εικόνα.
Τι είναι ένα αρχείο ICO
Το ICO είναι η μορφή εικονιδίων των Windows και η κλασική μορφή του favicon, του μικρού εικονιδίου που εμφανίζεται στις καρτέλες του browser, στους σελιδοδείκτες και στα αποτελέσματα αναζήτησης. Η ιδιαιτερότητά του είναι ότι ένα αρχείο αποθηκεύει πολλά μεγέθη της ίδιας εικόνας, και κάθε πρόγραμμα χρησιμοποιεί αυτό που χρειάζεται.
Το ICO μας περιέχει αυτά τα μεγέθη, εφόσον η εικόνα σας είναι τουλάχιστον τόσο μεγάλη (δεν μεγεθύνουμε ποτέ την εικόνα, για να μη θολώσει):
| Μέγεθος | Πού χρησιμοποιείται |
|---|---|
| 16 × 16 και 24 × 24 | Καρτέλες του browser, γραμμή διευθύνσεων |
| 32 × 32 | Γραμμή εργασιών των Windows, συντομεύσεις |
| 48 × 48 | Επιφάνεια εργασίας των Windows· η Google προτείνει favicon σε αυτό το μέγεθος ή μεγαλύτερο |
| 64 × 64 και 128 × 128 | Μεσαία και μεγάλα εικονίδια στην Εξερεύνηση αρχείων |
| 256 × 256 | Πολύ μεγάλα εικονίδια και οθόνες υψηλής ανάλυσης |
Πώς να ετοιμάσετε την εικόνα
- Τετράγωνη: αν δεν είναι, την κεντράρουμε σε διάφανο τετράγωνο φόντο για να μην παραμορφωθεί, αλλά θα φαίνεται μικρότερη στο εικονίδιο.
- Με διάφανο φόντο, ώστε το εικονίδιο να δένει με κάθε χρώμα καρτέλας και επιφάνειας εργασίας.
- Απλή: στα 16 pixel χάνονται οι λεπτές λεπτομέρειες και τα μεγάλα κείμενα. Ένα σύμβολο ή ένα αρχικό γράμμα λειτουργεί καλύτερα από ολόκληρο λογότυπο.
- 256 × 256 pixel ή μεγαλύτερη, ώστε να δημιουργηθούν όλα τα μεγέθη.
Πώς να προσθέσετε το favicon στον ιστότοπό σας
Ανεβάστε το αρχείο στον βασικό φάκελο του ιστότοπου ως favicon.ico: οι browser το αναζητούν εκεί αυτόματα. Αν θέλετε να το δηλώσετε ρητά, προσθέστε αυτή τη γραμμή στο <head> των σελίδων σας:
<link rel="icon" href="/favicon.ico" sizes="any">
Αν χρησιμοποιείτε WordPress, δεν χρειάζεστε ICO: στο Εμφάνιση › Προσαρμογή › Ταυτότητα ιστότοπου › Εικονίδιο ιστότοπου μπορείτε να ανεβάσετε απευθείας ένα τετράγωνο PNG τουλάχιστον 512 × 512 pixel.
Περιορισμοί
- Το μέγιστο μέγεθος ενός εικονιδίου ICO είναι 256 × 256 pixel.
- Αν το PNG είναι κινούμενο (APNG), χρησιμοποιείται μόνο το πρώτο καρέ.
- Έως 20 αρχεία τη φορά, 20 MB ανά αρχείο, 100 MB συνολικά και 100 megapixel ανά εικόνα.
Συχνές ερωτήσεις
Ποια μεγέθη περιέχει το αρχείο ICO;
Έως επτά: 16, 24, 32, 48, 64, 128 και 256 pixel, όλα τετράγωνα. Περιλαμβάνονται μόνο τα μεγέθη που δεν ξεπερνούν την εικόνα σας, ώστε να μη μεγεθυνθεί ποτέ και να μη θολώσει.
Πώς προσθέτω το favicon στον ιστότοπό μου;
Ανεβάστε το αρχείο στον βασικό φάκελο του ιστότοπου ως favicon.ico. Οι browser το αναζητούν εκεί από προεπιλογή, και μπορείτε επίσης να το δηλώσετε στο head των σελίδων με μια ετικέτα link rel="icon".
Χρειάζομαι favicon.ico αν έχω ήδη favicon σε PNG ή SVG;
Δεν είναι υποχρεωτικό, αλλά παραμένει καλή ιδέα: κάποιοι παλιότεροι browser και εργαλεία, τα προγράμματα ανάγνωσης ροών και τα προγράμματα που αποθηκεύουν συντομεύσεις ζητούν απευθείας το /favicon.ico.
Γιατί το εικονίδιό μου θολώνει ή χάνει λεπτομέρειες στα 16 pixel;
Επειδή τα 16 × 16 pixel είναι πολύ μικρή επιφάνεια: οι λεπτές γραμμές και το κείμενο δεν χωρούν. Χρησιμοποιήστε μια απλοποιημένη εκδοχή του λογότυπου, όπως ένα σύμβολο ή ένα αρχικό με καλή αντίθεση.
Μπορώ να χρησιμοποιήσω το ICO για να αλλάξω το εικονίδιο ενός φακέλου στα Windows;
Ναι. Κάντε δεξί κλικ στον φάκελο, πηγαίνετε στις Ιδιότητες › Προσαρμογή › Αλλαγή εικονιδίου και επιλέξτε το αρχείο ICO. Τα Windows χρησιμοποιούν το σωστό μέγεθος για κάθε προβολή της Εξερεύνησης αρχείων.