Πώς να δημιουργήσετε ένα Favicon.ico: 5 βήματα (με εικόνες)

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

Πώς να δημιουργήσετε ένα Favicon.ico: 5 βήματα (με εικόνες)
Πώς να δημιουργήσετε ένα Favicon.ico: 5 βήματα (με εικόνες)

Βίντεο: Πώς να δημιουργήσετε ένα Favicon.ico: 5 βήματα (με εικόνες)

Βίντεο: Πώς να δημιουργήσετε ένα Favicon.ico: 5 βήματα (με εικόνες)
Βίντεο: Λειτουργίες της κάμερας που ίσως και να μην ήξερες 2024, Ενδέχεται
Anonim

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

Βήματα

Δημιουργήστε ένα Favicon.ico Βήμα 1
Δημιουργήστε ένα Favicon.ico Βήμα 1

Βήμα 1. Δημιουργήστε μια εικόνα μεγέθους 16x16 pixel

Θα πρέπει να είναι μια απλή εικόνα, έτσι ώστε να είναι άμεσα αναγνωρίσιμη.

Δημιουργήστε ένα Favicon.ico Βήμα 2
Δημιουργήστε ένα Favicon.ico Βήμα 2

Βήμα 2. Μετατρέψτε την εικόνα σε αρχείο favicon.ico

Πρέπει να ονομάζεται ακριβώς αυτό, διαφορετικά το πρόγραμμα περιήγησης δεν θα το αναγνωρίσει. Ένας εύκολος τρόπος για να το κάνετε αυτό είναι να χρησιμοποιήσετε το Dynamic Drive FavIcon Generator. Ένας άλλος τρόπος είναι να χρησιμοποιήσετε ένα δωρεάν πρόγραμμα επεξεργασίας εικόνας GIMP και να αποθηκεύσετε την εικόνα 16x16 σε μορφή ICO.

Δημιουργήστε ένα Favicon.ico Βήμα 3
Δημιουργήστε ένα Favicon.ico Βήμα 3

Βήμα 3. Ανεβάστε το δημιουργημένο αρχείο στον ιστότοπό σας

Δημιουργήστε ένα Favicon.ico Βήμα 4
Δημιουργήστε ένα Favicon.ico Βήμα 4

Βήμα 4. Προσθέστε τον ακόλουθο κώδικα στο HTML του ιστότοπού σας

Θα πρέπει να το βάλετε στην ενότητα του κώδικα και να βεβαιωθείτε ότι η διαδρομή προς το εικονίδιο είναι σωστή, σε σχέση με την ιστοσελίδα. Ακολουθεί ο κώδικας (υποθέτοντας ότι τα.html και.ico βρίσκονται στον ίδιο κορυφαίο κατάλογο):

Δημιουργήστε ένα Favicon.ico Βήμα 5
Δημιουργήστε ένα Favicon.ico Βήμα 5

Βήμα 5. Ανανεώστε τη σελίδα, κάντε ένα βήμα πίσω και θαυμάστε το όμορφο νέο εικονίδιο του ιστότοπού σας

Συμβουλές

  • Παρόλο που το εικονίδιο σας θα είναι πολύ μικρό, βεβαιωθείτε ότι οι άλλοι άνθρωποι μπορούν εύκολα να το διαβάσουν/καταλάβουν.
  • Εάν χρησιμοποιείτε Linux, μπορείτε να μετατρέψετε το αρχείο απευθείας στον υπολογιστή σας. Απλώς επιλέξτε μια κατάλληλη εικόνα, ανοίξτε τη γραμμή εντολών, μεταβείτε στον κατάλογο όπου αποθηκεύετε την εικόνα και πληκτρολογήστε: convert picture-p.webp" />

Συνιστάται: