Εργάζομαι σε έναν ιστότοπο και θα ήθελα να προσθέσω ένα μικρό εικονίδιο στην καρτέλα του προγράμματος περιήγησης.
Πώς μπορώ να το κάνω αυτό στην HTML και σε ποιο σημείο του κώδικα θα πρέπει να το τοποθετήσω (π.χ. κεφαλίδα); Έχω ένα αρχείο λογότυπου .png
που θα ήθελα να μετατρέψω σε εικονίδιο.
Σχετικό: https://stackoverflow.com/questions/2359866/html-set-image-on-browser-tab.
Χρησιμοποιήστε ένα εργαλείο για να μετατρέψετε το png σε αρχείο ico. Μπορείτε να αναζητήσετε το "favicon generator" και μπορείτε να βρείτε πολλά διαδικτυακά εργαλεία.
Τοποθετήστε τη διεύθυνση ico στο head
με μια ετικέτα link
:
<link rel="shortcut icon" href="http://sstatic.net/stackoverflow/img/favicon.ico">,
Το έχω κάνει με επιτυχία για την ιστοσελίδα μου.
Η μόνη εξαίρεση είναι ότι το πρόγραμμα περιήγησης SeaMonkey απαιτεί την εισαγωγή κώδικα HTML στο <head>
, ενώ τα άλλα προγράμματα περιήγησης εξακολουθούν να εμφανίζουν το favicon.ico χωρίς καμία εισαγωγή HTML. Επίσης, οποιοδήποτε πρόγραμμα περιήγησης εκτός από τον IE μπορεί να χρησιμοποιεί άλλους τύπους εικόνων, όχι μόνο τη μορφή .ico. Ελπίζω αυτό να βοηθήσει.
Για να εμφανίσει το Chrome το εικονίδιο της σελίδας (favicon), πρέπει να ελέγξετε τον ιστότοπό σας από έναν διακομιστή φιλοξενίας ή μπορείτε να χρησιμοποιήσετε τον τοπικό διακομιστή, ενώ αναπτύσσετε και δοκιμάζετε τον ιστότοπό σας στον υπολογιστή σας.