Δημιουργία εικονιδίου — Δημιουργήστε εικονίδια favicon.ico και PNG από κείμενο, emoji ή εικόνα.

Πληκτρολογήστε ένα ή δύο γράμματα ή ένα emoji, ή ανεβάστε το λογότυπό σας, και λάβετε ένα έτοιμο σύνολο αρχείων favicon: favicon.ico, 16×16, 32×32, 48×48, το εικονίδιο αφής της Apple 180×180 και τα εικονίδια εφαρμογών 192×192 και 512×512. Αντιγράψτε το απόσπασμα κώδικα HTML και τελειώσατε. Οι εικόνες επεξεργάζονται στον περιηγητή σας.

Δημιουργία του favicon μου Η εικόνα σας παραμένει στο πρόγραμμα περιήγησής σας
Εργαλείο δημιουργίας favicon που εμφανίζει προεπισκόπηση του εικονιδίου ενός ιστότοπου σε διάφορα μεγέθη δίπλα σε ένα κουμπί λήψης

Σχεδιάστε το εικονίδιό σας

Προεπισκόπηση και λήψη

Ο οδηγός

Οδηγός δημιουργίας favicon: Μεγέθη, αρχεία και ο κώδικας HTML που χρειάζεστε

Ποια αρχεία favicon χρειάζεται ένας ιστότοπος και πώς να τα προσθέσετε.

Μια απλή εξήγηση

Τι είναι το Favicon Generator;

Το favicon είναι το μικρό εικονίδιο που εμφανίζεται στις καρτέλες του προγράμματος περιήγησης, στους σελιδοδείκτες και στα αποτελέσματα αναζήτησης, δίπλα στο όνομα του ιστότοπού σας. Ένα καλό favicon κάνει την καρτέλα σας πιο εύκολη στην αναζήτηση ανάμεσα σε πολλές άλλες.

Αυτή η γεννήτρια σχεδιάζει το εικονίδιό σας σε καμβά σε κάθε μέγεθος που χρειάζεστε και σας επιτρέπει να κατεβάσετε κάθε αρχείο, συμπεριλαμβανομένου ενός αρχείου favicon.ico με πολλαπλά μεγέθη, μαζί με τις ετικέτες συνδέσμων για να τις προσθέσετε στη σελίδα σας.

Συνηθισμένοι λόγοι για τη χρήση του

Γιατί οι χρήστες χρησιμοποιούν ένα εργαλείο δημιουργίας favicon

Νέες ιστοσελίδες

Δημιουργήστε ένα απλό γράμμα ή ένα εικονίδιο emoji σε ένα λεπτό, ενώ το πραγματικό λογότυπο βρίσκεται ακόμα στο στάδιο του σχεδιασμού.

Υπάρχοντα λογότυπα

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

Εφαρμογές ιστού και PWA

Κατεβάστε τα εικονίδια PNG των 192 και 512 pixel που απαιτεί το manifest μιας διαδικτυακής εφαρμογής, καθώς και το εικονίδιο αφής της Apple.

Ποια αρχεία χρειάζεστε

Επεξήγηση των μεγεθών των favicon

Το favicon.ico είναι το κλασικό αρχείο που βρίσκεται στη ρίζα του ιστότοπού σας. Αυτό το εργαλείο συγκεντρώνει εκδόσεις 16, 32 και 48 pixel σε ένα αρχείο ICO. Τα αρχεία PNG 16×16 και 32×32 είναι κατάλληλα για σύγχρονα προγράμματα περιήγησης, ενώ το 32×32 εμφανίζεται πιο ευκρινές σε οθόνες υψηλής πυκνότητας. Το αρχείο apple-touch-icon.png διαστάσεων 180×180 χρησιμοποιείται όταν κάποιος προσθέτει τον ιστότοπό σας στην αρχική οθόνη ενός iPhone ή iPad.

Τα αρχεία PNG διαστάσεων 192×192 και 512×512 είναι τα μεγέθη που χρησιμοποιούν το Android και οι εγκαθιστώμενες διαδικτυακές εφαρμογές· αναγράψτε τα στο manifest της διαδικτυακής σας εφαρμογής. Οι μηχανές αναζήτησης μπορούν επίσης να εμφανίζουν ένα favicon στα αποτελέσματα, και η Google ζητά ένα τετράγωνο εικονίδιο του οποίου το μέγεθος είναι πολλαπλάσιο των 48 pixel, κάτι που καλύπτουν τα αρχεία των 48 και 192.

Ολοκληρώστε τη διαδικασία σε λίγα βήματα

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

  1. Επιλέξτε «Κείμενο» ή «Εικόνα». Για το κείμενο, πληκτρολογήστε έναν ή δύο χαρακτήρες ή ένα emoji και επιλέξτε χρώματα. Για την εικόνα, επιλέξτε ένα αρχείο.
  2. Διαλέξτε ένα σχήμα: τετράγωνο, στρογγυλεμένο ή κύκλο.
  3. Δείτε τις προεπισκοπήσεις σε κάθε μέγεθος. Τα μικρά μεγέθη εμφανίζονται στο πραγματικό τους μέγεθος σε pixel.
  4. Κατεβάστε τα αρχεία που χρειάζεστε ή χρησιμοποιήστε την επιλογή «Λήψη όλων» και, στη συνέχεια, αντιγράψτε το απόσπασμα κώδικα HTML στην ενότητα head της σελίδας σας.
Καλύτερα αποτελέσματα

Απλές συμβουλές

  • Ένας ή δύο χαρακτήρες διαβάζονται καλύτερα στα 16 pixel. Οι μακριές λέξεις γίνονται θολές.
  • Χρησιμοποιήστε έντονη αντίθεση μεταξύ του εικονιδίου και του φόντου του, ώστε να παραμένει ευανάγνωστο τόσο στις ανοιχτόχρωμες όσο και στις σκούρες καρτέλες.
  • Για λογότυπα με πολλές λεπτομέρειες, χρησιμοποιήστε ένα απλοποιημένο σύμβολο ή μόνο το αρχικό γράμμα.
  • Τοποθετήστε τα αρχεία στον ριζικό φάκελο του ιστότοπού σας, ώστε να λειτουργούν οι σύνδεσμοι στο απόσπασμα, ή τροποποιήστε τις διαδρομές ώστε να αντιστοιχούν στους φακέλους σας.
Χρήσιμες πληροφορίες

Περιορισμοί και προστασία προσωπικών δεδομένων

Προστασία προσωπικών δεδομένων

Η εικόνα σας δημιουργείται και προσαρμόζεται σε μέγεθος μέσα στον περιηγητή σας. Δεν ανεβαίνει τίποτα, και τα αρχεία δημιουργούνται στη συσκευή σας όταν τα κατεβάζετε.

Περιορισμοί

Το αρχείο ICO περιέχει μόνο εικόνες 16, 32 και 48 pixel. Οι εικόνες περικοπούνται σε ένα κεντροθετημένο τετράγωνο, οπότε περικόψτε πρώτα το λογότυπό σας αν χρειάζεστε ένα διαφορετικό τμήμα του. Οι φυλλομετρητές μερικές φορές αποθηκεύουν παλιά favicons στην προσωρινή μνήμη για μεγάλο χρονικό διάστημα, οπότε μπορεί να χρειαστεί λίγη ώρα μέχρι να εμφανιστεί ένα νέο εικονίδιο.

Συχνές ερωτήσεις

Συχνές ερωτήσεις για το Favicon Generator

Τι είναι το favicon;

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

Ποια μεγέθη favicon χρειάζομαι;

Ένα αρχείο favicon.ico (16, 32 και 48 εικονοστοιχεία), ένα αρχείο PNG 32×32, ένα εικονίδιο Apple Touch 180×180, καθώς και αρχεία PNG 192×192 και 512×512, εάν ο ιστότοπός σας μπορεί να εγκατασταθεί ως εφαρμογή. Αυτό το εργαλείο τα δημιουργεί όλα.

Πώς μπορώ να προσθέσω το favicon στον ιστότοπό μου;

Ανεβάστε τα αρχεία στον ιστότοπό σας, συνήθως στον ριζικό φάκελο, και επικολλήστε τις ετικέτες συνδέσμων που δημιουργήθηκαν στην ενότητα head του HTML σας. Αλλάξτε τις διαδρομές αν τα αρχεία σας βρίσκονται αλλού.

Μπορώ να φτιάξω ένα favicon από ένα emoji;

Ναι. Επιλέξτε «Κείμενο» και πληκτρολογήστε ένα emoji ή έναν ή δύο χαρακτήρες. Επιλέξτε ένα χρώμα φόντου και ένα σχήμα και το εικονίδιο θα δημιουργηθεί αυτόματα.

Ποια εικόνα πρέπει να ανεβάσω;

Μια τετράγωνη εικόνα διαστάσεων τουλάχιστον 512×512 εικονοστοιχείων είναι η πιο κατάλληλη, σε μορφή PNG, JPG ή WebP. Οι εικόνες άλλων σχημάτων περικοπούνται ώστε να σχηματίσουν ένα κεντραρισμένο τετράγωνο.

Υποστηρίζει διαφανές φόντο;

Ναι. Αν καταργήσεις την επιλογή «Γέμισμα φόντου», ένα αρχείο PNG με διαφάνεια διατηρεί τη διαφάνεια. Όσον αφορά το κείμενο, τα γράμματα σχεδιάζονται πάνω σε ένα διαφανές εικονίδιο.

Γιατί δεν εμφανίζεται το νέο μου favicon;

Τα προγράμματα περιήγησης αποθηκεύουν τα favicons στην προσωρινή μνήμη με έντονο τρόπο. Δοκιμάστε να κάνετε ανανέωση της σελίδας, να καθαρίσετε την προσωρινή μνήμη ή να ανοίξετε τον ιστότοπο σε παράθυρο ανώνυμης περιήγησης για να δείτε το νέο εικονίδιο.

Η εικόνα μου έχει μεταφορτωθεί σε κάποιον διακομιστή;

Όχι. Το εικονίδιο δημιουργείται στον περιηγητή σας και τα αρχεία δημιουργούνται στη συσκευή σας.

Από χρήστες αυτού του εργαλείου

Κριτικές

Φόρτωση κριτικών…
Συνέχισε

Περισσότερα εργαλεία στο κουτί

Στην αρχική σελίδα θα βρείτε δεκάδες ακόμη δωρεάν εργαλεία που δεν απαιτούν κλειδί API.

Προτείνετε ένα εργαλείο