Τι είναι το favicon

τι είναι ένα favicon

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

Εάν έχετε πολλές αμφιβολίες σχετικά με αυτό, εδώ θα σας δώσουμε τα κλειδιά για να το καταλάβετε και, πάνω από όλα, για να μπορείτε να το παρουσιάσετε στο έργο σας και να πάρετε μια καλύτερη παρουσίαση. Σας διαβεβαιώνουμε!

Τι είναι το favicon

Τι είναι το favicon

Θα ξεκινήσουμε εξηγώντας τι είναι το favicon για να το καταλάβετε. Και, για αυτό, τίποτα καλύτερο από το να σας δώσω ένα πρακτικό παράδειγμα. Φανταστείτε ότι κάνετε περιήγηση αυτή τη στιγμή (στην πραγματικότητα, μας διαβάζετε). Αλλά δεν έχετε μόνο μία καρτέλα, αλλά πολλές από αυτές. Ίσως έχετε παρατηρήσει ότι, σε καθένα από αυτά, εμφανίζεται το όνομα αυτού που αντικατοπτρίζει αυτή η σελίδα, είτε πρόκειται για το YouTube (επειδή ακούτε μουσική υπόκρουση), το Gmail (επειδή έχετε ανοιχτό το ταχυδρομείο σας) ή αυτήν τη σελίδα.

Δίπλα σε κάθε όνομα, στα αριστερά, εμφανίζεται μια μικρή εικόνα, σε ένα τετράγωνο. Αυτό στο YouTube και το Gmail είναι βέβαιο ότι θα αναγνωριστεί από τα λογότυπα που έχουν, αλλά τι γίνεται με τις υπόλοιπες καρτέλες;

Λοιπόν, αυτό που βλέπετε είναι στην πραγματικότητα το favicon. Με άλλα λόγια, είναι ένα εικονίδιο που σχετίζεται με τη σελίδα που επισκέπτεστε, Αυτός είναι ο λόγος για τον οποίο είναι τόσο σημαντικό να δώσετε προσοχή σε αυτή τη λεπτομέρεια, γιατί όταν προσθέτετε μια σελίδα στα αγαπημένα ή τις συντομεύσεις, το favicon γίνεται η "εικόνα" αυτής της σελίδας και γι 'αυτό πρέπει να φροντίσετε τη σχεδίασή της έτσι ώστε σχετίζεται άψογα (και πάνω απ 'όλα φαίνεται καλό να το ξεχωρίζει από τους άλλους).

Αυτό το μικρό εικονίδιο έχει συνήθως ένα σύνολο μεγεθών που είναι 16 × 16 εικονοστοιχεία (αν και μπορεί επίσης να οριστεί στα 32x32 εικονοστοιχεία). Μέσα σε αυτό πρέπει να προσέξετε ότι όλα όσα βάζετε φαίνονται σωστά, διότι, διαφορετικά, θα εμφανιστεί ως λίγο αναγνωρίσιμο σημείο (και αυτό θα δώσει μια πολύ κακή εικόνα της σελίδας σας).

Γιατί είναι τόσο σημαντικό το favicon;

Γιατί είναι τόσο σημαντικό το favicon;

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

Ωστόσο, το favicon έχει και άλλες χρήσεις όπως:

  • Εξυπηρέτηση ως αναγνώριση της σελίδας σας. Συνήθως αυτό το favicon σχετίζεται με το λογότυπο που έχετε στον ιστότοπό σας, μόνο σε μικρότερο μέγεθος. Αλλά όταν το λογότυπο είναι πολύ μεγάλο και δεν θα εμφανίζεται στο μικρό κουμπί, έχετε την τάση να επιλέξετε κάτι που σχετίζεται με αυτό.
  • Θα βοηθήσετε τους χρήστες που έχουν αποθηκεύσει τη σελίδα σας να την αναγνωρίσουν οπτικά. Έτσι, ακόμη και αν δεν θυμούνται τη διεύθυνση URL ή το όνομα της εταιρείας, λόγω της εικόνας του favicon θα το εντοπίσουν.
  • Για να είσαι "καλός" με το SEO. Αυτό πρέπει να λαμβάνεται με λαβίδα. Και είναι ότι η κατοχή ή η μη λήψη favicon δεν θα επηρεάσει άμεσα το SEO (δηλαδή, δεν θα σας τοποθετήσει καλύτερα ή χειρότερα επειδή το έχετε ή όχι). Τώρα, είναι όλο και πιο κοινό ότι, όταν ένα πρόγραμμα περιήγησης εισέρχεται σε μια σελίδα, αναζητά αυτό το favicon και, όταν δεν το βρίσκει, τότε δίνει σφάλμα 404. Και γνωρίζετε ότι αυτά τα σφάλματα δεν είναι καλά για το SEO μιας σελίδας.

Πώς να φτιάξετε ένα favicon

Πώς να φτιάξετε ένα favicon

Αφού το δείτε, είναι σαφές ότι ένα favicon είναι απαραίτητο στοιχείο όταν έχετε μια ιστοσελίδα. Τώρα, πώς φτιάχνετε ένα;

Πρέπει να γνωρίζετε ότι, στις περισσότερες περιπτώσεις, αυτό που κάνει είναι επιλέξτε το λογότυπο αυτού του ιστότοπου ή εάν είναι πολύ μεγάλο, κάτι που τον προσδιορίζει. Για παράδειγμα, φανταστείτε ότι έχετε έναν τηλεοπτικό ιστότοπο που κάλεσε με κάποιο τρόπο. Αλλά αυτό, στο favicon, είναι πολύ μεγάλο. Αντ 'αυτού, μπορείτε να βάλετε μια εικόνα μιας τηλεόρασης έτσι ώστε να τη συσχετίζουν. Σε αυτές τις περιπτώσεις, συνιστάται να φοράτε τα ίδια χρώματα με τον ιστότοπό σας για να τον αναγνωρίσετε καλύτερα.

Και τώρα, πώς μπορούμε να δημιουργήσουμε ένα favicon; Λοιπόν, έχετε πολλές επιλογές:

Photoshop, Gimp ...

Με άλλα λόγια, μιλάμε για προγράμματα επεξεργασίας εικόνων αφού ένα favicon δημιουργείται ακριβώς το ίδιο με μια εικόνα. Φυσικά, πρέπει να το αποθηκεύσετε σε μορφή .ico για να αναγνωριστεί ως τέτοιο γιατί δεν μπορεί να παραμείνει ως jpg, gif ή παρόμοιο.

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

Στην πραγματικότητα, θα πρέπει να μεταφορτωθεί και να δοκιμαστεί σε διαφορετικά προγράμματα περιήγησης για να δούμε αν φαίνεται καλό, είναι αντιπροσωπευτικό και, πάνω απ 'όλα, κατανοείται.

Χρήση διαδικτυακών εργαλείων

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

Αν θέλετε το πρώτο (ανεβάστε την εικόνα και μετατρέψτε το), προτείνουμε το Favicon Generator ή το Favic-o-matic. Αλλά αν θέλετε το τελευταίο (σχεδιάστε το από το μηδέν), στοιχηματίστε στο πρόγραμμα επεξεργασίας favicon.io ή x-icon.

Με το WordPress

Είναι η σελίδα σας φτιαγμένη στο WordPress; Και γνωρίζετε ότι μπορείτε να χρησιμοποιήσετε αυτό το σύστημα για να δημιουργήσετε το favicon σας. Για αυτό μπορείτε να χρησιμοποιήσετε μερικές προσθήκες που σας επιτρέπουν να δημιουργήσετε αυτό το κουμπί με βάση μια εικόνα που έχετε ανεβάσει (ή που ανεβάζετε). Επίσης μέσω "Εμφάνιση / Προσαρμογή" μπορείτε να το κάνετε.

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


Γίνε ο πρώτος που θα σχολιάσει

Αφήστε το σχόλιό σας

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται με *

*

*

  1. Υπεύθυνος για τα δεδομένα: Miguel Ángel Gatón
  2. Σκοπός των δεδομένων: Έλεγχος SPAM, διαχείριση σχολίων.
  3. Νομιμοποίηση: Η συγκατάθεσή σας
  4. Κοινοποίηση των δεδομένων: Τα δεδομένα δεν θα κοινοποιούνται σε τρίτους, εκτός από νομική υποχρέωση.
  5. Αποθήκευση δεδομένων: Βάση δεδομένων που φιλοξενείται από τα δίκτυα Occentus (ΕΕ)
  6. Δικαιώματα: Ανά πάσα στιγμή μπορείτε να περιορίσετε, να ανακτήσετε και να διαγράψετε τις πληροφορίες σας.