Πώς να προσθέσετε εικονίδιο του ιστοτόπου στο HTML

Μάθετε πώς να προσθέσετε εικονίδιο του ιστοτόπου στο HTML (Favicon).

Πώς να προσθέσετε εικονίδιο του ιστοτόπου στο HTML

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

Μπορείτε να χρησιμοποιήσετε οποιαδήποτε εικόνα που σας αρέσει ως εικονίδιο του ιστοτόπου σας. Μπορείτε επίσης να δημιουργήσετε το δικό σας εικονίδιο του ιστοτόπου σας σε ιστοσελίδες όπως η https://favicon.cc.

Συμβουλή:Το εικονίδιο του ιστοτόπου είναι μια μικρή εικόνα, οπότε πρέπει να είναι μια απλή εικόνα με υψηλή αντίθεση.

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

Παράδειγμα εικονιδίου ιστοσελίδας

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

Επόμενα, στο αρχείο "index.html" <title> Προσθέστε έναν <link> Στοιχεία, όπως παρακάτω:

<!DOCTYPE html>
<html>
<head>
  <title>Τίτλος Σελίδας Μου</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>Αυτό είναι ένα Κεφαλίδι</h1>
<p>Αυτό είναι ένα παράγραφος.</p>
</body>
</html>

Δοκιμάστε το προσωπικά

Τώρα, αποθηκεύστε το αρχείο "index.html" και φορτώστε το ξανά στον περιηγητή σας. Το εικονίδιο του ιστοτόπου σας θα πρέπει να εμφανίζεται στο αριστερό μέρος του τίτλου της σελίδας.