Δημιουργία ενός Προσαρμοσμένου Favicon

Πίνακας περιεχομένων:

Anonim

Πάω να παραδεχτώ κάτι γελοίο. Μου αρέσουν πολύ τα favicons. Είναι διασκεδαστικό. Είναι ένα μεγάλο εργαλείο branding. Και είναι κάτι απλό που οι ιδιοκτήτες μικρών επιχειρήσεων μπορούν να κάνουν για να μπαχαρώνουν τις περιοχές τους και ακόμη και να αυξάνουν τη χρηστικότητα για τους χρήστες.

Αν δεν ξέρετε τι είναι ένα favicon, επιτρέψτε μου να σας προσφέρω κάποια βοήθεια:

$config[code] not found

Τα Favicons είναι τα μίνι γραφικά 16 × 16 εικονοστοιχείων που αντιπροσωπεύουν τον ιστότοπό σας στη γραμμή διευθύνσεων, στη λίστα με τους σελιδοδείκτες ενός χρήστη ή στις καρτέλες του προγράμματος περιήγησης. Επιτρέπουν στους επισκέπτες σας να δημιουργήσουν μια οπτική σύνδεση με τον ιστότοπό σας.

Καθαρός! Πώς δημιουργείτε ένα;

Σχεδιάστε το favicon:

  • Με το χέρι: Ανοίξτε το αγαπημένο σας πρόγραμμα γραφικών και επιτύχετε το. Θα θελήσετε είτε να δημιουργήσετε ένα νέο αρχείο μεγέθους 16 × 16 εικονοστοιχείων και να κάνετε μεγέθυνση έως ότου η περιοχή λειτουργήσει είτε να ανοίξετε μια περιοχή μεγαλύτερη, αλλά ακόμα ένα είδος πολλαπλάσια των 16 × 16. Όταν σχεδιάζετε το favicon με το χέρι, χρησιμοποιήστε κάτι που θα αντιπροσωπεύει με ακρίβεια τη μάρκα σας - είτε πρόκειται για ένα κοινό σχέδιο χρωμάτων, για τα αρχικά της εταιρείας σας κ.λπ. Ό, τι και αν δημιουργήσετε θα πρέπει να αντέξει τους αυστηρούς περιορισμούς 16 × 16 εικονοστοιχείων.
  • Με εργαλεία: Αν είστε αμφισβητημένοι στο σχεδιασμό (χωρίς ανησυχίες, είμαι και εγώ), υπάρχουν μερικά μεγάλα εργαλεία που διευκολύνουν ακόμη και τους ανθρώπους σαν εμάς να δημιουργούν μεγάλες φανκονίες. Για παράδειγμα, το Favicon.cc θα σας δώσει κάποια δομή και θα σας αφήσει να δημιουργήσετε τα δικά σας κατευθείαν από τον ιστότοπό σας ή το FavIcon από το Pics θα σας επιτρέψει να ανεβάσετε μια εικόνα και να δημιουργήσετε το favicon για εσάς. Απλός!

Αποθηκεύστε το favicon σας: Όταν αποθηκεύετε το αρχείο σας, μειώστε το σε 16 bit και αποθηκεύστε ως "favicon.ico" εάν χρησιμοποιείτε Photoshop ή "favicon.gif" ή "favicon.png" εάν χρησιμοποιείτε κάτι άλλο. Εάν χρησιμοποιείτε το Photoshop και θέλετε να δώσετε στο favicon σας κάποια επιπλέον βοήθεια, σας συνιστούμε να κατεβάσετε το plugin μορφής αρχείων Windows Icon ώστε να μπορείτε να αποθηκεύσετε τη μορφή ICO.

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

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

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

Ακριβώς για διασκέδαση, εδώ είναι μερικά από τα αγαπημένα μου favicons στον Ιστό:

  • Michigan πυροτεχνήματα
  • Jeffrey Zeldman
  • Boing Boing
  • Encyclopedia.com
  • Fool.com
  • Ιστολόγιο SEO του Michael Gray

Οποιαδήποτε άλλα προσωπικά αγαπημένα;

17 Σχόλια ▼