Δημιουργία favicon

Το favicon είναι το μικρό εικονίδιο στις καρτέλες του προγράμματος περιήγησης, στους σελιδοδείκτες και στα αποτελέσματα αναζήτησης Google, ενώ στα κινητά γίνεται το εικονίδιο του ιστότοπού σας στην αρχική οθόνη. Κάθε πλατφόρμα ζητά τα δικά της αρχεία, οπότε ένα σύγχρονο favicon δεν είναι μία μόνο εικόνα, αλλά ένα μικρό σετ εικόνων μαζί με ένα manifest εφαρμογής ιστού.

Ανεβάστε ένα λογότυπο PNG, JPG, WebP ή SVG και περικόψτε το σε τετράγωνο ή φτιάξτε εικονίδιο από ένα γράμμα ή emoji. Στη συνέχεια ρυθμίστε ξεχωριστά κάθε πλατφόρμα: φόντο και γωνίες για τα προγράμματα περιήγησης υπολογιστή και το Google, συμπαγές φόντο και περιθώριο για την αρχική οθόνη του iPhone και εικονίδιο maskable για το Android που κρατά το λογότυπο μέσα στην ασφαλή ζώνη. Οι ζωντανές προεπισκοπήσεις δείχνουν καρτέλες σε φωτεινό και σκούρο θέμα, τη γραμμή σελιδοδεικτών, ένα αποτέλεσμα Google και αρχικές οθόνες iOS και Android με μάσκες κύκλου, squircle και στρογγυλεμένου τετραγώνου.

Το ZIP ακολουθεί τις τρέχουσες βέλτιστες πρακτικές: favicon.ico με 16, 32 και 48 px, favicon.svg όταν η πηγή είναι SVG (προαιρετικά με προσαρμογή στο σκούρο θέμα), favicon-96x96.png, apple-touch-icon.png 180×180, εικονίδια manifest 192 και 512 px και site.webmanifest. Αντιγράψτε τον κώδικα HTML ή ακολουθήστε τα βήματα για Next.js, React/Vite ή WordPress και ελέγξτε το αποτέλεσμα με τον έλεγχο favicon μας. Όλα δημιουργούνται στο πρόγραμμα περιήγησής σας.