Favicon - έχετε το εικονίδιο του ιστότοπού σας στη γραμμή διευθύνσεων
Ορισμένοι ιστότοποι διαθέτουν ένα εικονίδιο στα αριστερά της διεύθυνσης URL στη γραμμή διευθύνσεων του προγράμματος περιήγησης στο διαδίκτυο. Υπάρχουν αρκετές διαθέσιμες μέθοδοι για τη δημιουργία ενός favicon ή ενός εικονιδίου για έναν ιστότοπο που μπορεί να εμφανίζεται στη γραμμή διευθύνσεων. Σχεδιάζοντας λογισμικό όπως Gimp, Pixia ή εξειδικευμένο λογισμικό όπως το IconEdit32 ή το IconWare μπορούν να χρησιμοποιηθούν για τη δημιουργία ενός favicon . Υπάρχουν ιστότοποι που μπορούν να χρησιμοποιηθούν για τη μετατροπή μιας εικόνας favicon. Μερικοί ιστότοποι επιτρέπουν στους υπεύθυνους ιστού να δημιουργούν ένα αρχείο ICO και να ζωντανεύουν το favicon . Η ετικέτα Link χρησιμοποιείται για να υποδείξει τη διαδρομή του favicon και να το θέσει σε σύνδεση, ώστε οι επισκέπτες της ιστοσελίδας να μπορούν να δουν το εικονίδιο στη γραμμή διευθύνσεων.
- Δημιουργία ενός favicon
- Για τα περισσότερα προγράμματα περιήγησης:
- Για τον Internet Explorer:
- Για να δημιουργήσετε ένα animated favicon ή να δημιουργήσετε ένα αρχείο ICO
- Κάνοντας favicon online
- Σημειώσεις
Ίσως έχετε παρατηρήσει την παρουσία ενός εικονιδίου στα αριστερά της διεύθυνσης URL στη γραμμή διευθύνσεων του προγράμματος περιήγησής σας κατά την πρόσβαση σε συγκεκριμένους ιστότοπους;
Για να εφαρμόσετε αυτόν τον τύπο εικονιδίου στον ιστότοπό σας, ακολουθήστε τα παρακάτω βήματα.
Δημιουργία ενός favicon
Υπάρχουν διάφορες μέθοδοι:
- Σχεδίαση λογισμικού (Gimp, pixia, inkscape ...)
- Εξειδικευμένο λογισμικό (IconEdit32 ή IconWare)
- Ιστότοποι (που μετατρέπουν ένα favicon εικόνας):
- //www.html-kit.com/favicon/
- //www.html-kit.com/favicon
- //www.favicon.co.uk/
- //www.favicon.hu/
- //tools.dynamicdrive.com/favicon/
- //favikon.com/
Για τα περισσότερα προγράμματα περιήγησης:
Το πρώτο βήμα είναι να δημιουργήσετε μια εικόνα σε png ή gif.
Μπορείτε να επιλέξετε από διάφορα μεγέθη, 16x16 ή 32x32 (εικονοστοιχεία).
Για τον Internet Explorer:
Για αυτό το πρόγραμμα περιήγησης, χρησιμοποιήστε μια εικόνα ή ένα αρχείο .ico (μετονομάστηκε σε bmp) μεγέθους 16x16 εικονοστοιχείων.
Για να δημιουργήσετε ένα animated favicon ή να δημιουργήσετε ένα αρχείο ICO
//www.html-kit.com/favicon/
- Ο παραπάνω σύνδεσμος θα σας επιτρέψει όχι μόνο να δημιουργήσετε ένα αρχείο ICO εύκολα αλλά και να ζωντανέψετε το favicon και να μετακινηθείτε στο κείμενο αν θέλετε.
- Κάντε κλικ στο κουμπί Αναζήτηση και επιλέξτε μια εικόνα στον υπολογιστή σας.
- Μπορείτε επίσης να προσθέσετε κείμενο για μετακίνηση μετά το εικονίδιο σας. Δημιουργεί αυτόματα ένα κινούμενο εικονίδιο.
- Τέλος, είναι επίσης δυνατή η δημιουργία ενός κινούμενου εικονιδίου χωρίς κείμενο, ελέγχοντας το Animated Favicon (το ίδιο το favicon που φαίνεται να μετακινείται).
- Στη συνέχεια, κάντε κλικ στο κουμπί Δημιουργία Favicon.ico
- Θα έχετε στη συνέχεια μια επισκόπηση του favicon σας.
- Στη συνέχεια, απλώς κατεβάστε το αρχειοθετημένο αρχείο στον υπολογιστή σας.
- Μετά την αποσυμπίεση του αρχείου, αντιγράψτε το αρχείο favicon.ico στον ιστότοπό σας.
- Εάν έχετε κατεβάσει ένα κινούμενο εικονίδιο, το αρχείο ZIP θα περιέχει επίσης το πρόσθετο αρχείο που περιέχει animated favicon (animated_favion1.gif) και στη συνέχεια να το αντιγράψετε στον ιστότοπό σας.
Κάνοντας favicon online
- Για να βάλετε το favicon στον ιστότοπό σας, υποδείξτε τη διαδρομή του μέσω των ετικετών συνδέσμων που βρίσκονται στην κεφαλίδα.
- Ακολουθεί ένα παράδειγμα με μια εικόνα png:
- Ανάλογα με τη μορφή, το χαρακτηριστικό "type" θα αλλάξει:
Png: εικόνα / png
Μορφή Gif: εικόνα / gif
Μορφή JPEG (jpeg ή jpg επέκταση): image / jpeg
- Και αν έχετε ένα favicon που δεν πληροί τα πρότυπα, το χαρακτηριστικό "rel" αλλάζει επίσης:
link rel = "εικονίδιο συντόμευσης" τύπου = "εικόνα / x-εικονίδιο" href = "/ images / icon_ie.ico" />
- Εάν το εικονίδιο σας είναι κινούμενο (GIF, τοποθετήστε την ακόλουθη ετικέτα: