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

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

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

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

Βίντεο: Πώς να προσθέσετε ένα εικονίδιο στον ιστότοπο
Βίντεο: Windows - Εμφάνιση εικονιδίων συστήματος στην επιφάνεια εργασίας 2024, Ενδέχεται
Anonim

Όταν ανοίγετε ορισμένους ιστότοπους δίπλα στα ονόματα τομέα τους στη γραμμή διευθύνσεων, μπορείτε να δείτε μια μικρή εικόνα - ένα εικονίδιο. Η ίδια εικόνα θα εμφανιστεί στην καρτέλα με την ανοιχτή σελίδα του ιστότοπου στην επάνω αριστερή γωνία. Ένα εικονίδιο είναι ένα είδος λογότυπου για τον ιστότοπό σας, ένα διακριτικό σήμα, οπότε η γνώση του πώς να εγκαταστήσετε τέτοια σήματα δεν θα είναι περιττή για έναν webmaster.

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

Οδηγίες

Βήμα 1

Αρχικά, θυμηθείτε ότι το αρχείο εικονιδίων πρέπει να έχει την επέκταση.ico και το όνομα favicon, δηλαδή favicon.ico. Σε αυτήν την περίπτωση, το μέγεθος της εικόνας πρέπει να είναι 16x16 pixel. Μπορείτε να δοκιμάσετε να σχεδιάσετε ένα εικονίδιο στο Photoshop. Φυσικά, θα καταφέρετε να σχεδιάσετε. Αλλά για να αποθηκεύσετε το σχέδιο σε μορφή.ico, χρειάζεστε ένα ειδικό πρόσθετο. Τοποθετήστε το στο φάκελο Plug-Ins / File Formats που βρίσκεται στο c: / Program Files / Adobe / Photoshop CS.

Βήμα 2

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

Βήμα 3

Επιτρέπεται επίσης η χρήση μιας εικόνας με διαφορετική επέκταση, όπως

Η εικόνα εισαγωγής κειμένου /.png

Βήμα 4

Εάν ο ιστότοπός σας έχει δημιουργηθεί σε μια μηχανή (για παράδειγμα, στο Wordpress), τότε όλα είναι πολύ πιο εύκολα: και πάλι, αντιγράψτε πρώτα το αρχείο με το εικονίδιο στη ρίζα του ιστολογίου (φάκελος public_html). Στη συνέχεια, ανοίξτε το αρχείο header.php και ανάμεσα στις ετικέτες και προσθέστε τον ακόλουθο κώδικα:

  • Βήμα 5

    Υπάρχουν επίσης ειδικές υπηρεσίες για τη δημιουργία εικονιδίων. Ένας από αυτούς είναι ένας πόρος που ονομάζεται favicon.cc, ένας σύνδεσμος στον οποίο παρέχεται στην ενότητα Πρόσθετοι πόροι. Το μόνο που χρειάζεται να κάνετε είναι να επιλέξετε το επιθυμητό χρώμα και να σχεδιάσετε την επιθυμητή εικόνα. Απλώς αποθηκεύστε τη δημιουργία σας και το εικονίδιο σας είναι έτοιμο. Αλλά μπορείτε επίσης να μετατρέψετε την τελική εικόνα σε μορφή.ico. Η υπηρεσία favicon.ru θα σας βοηθήσει, ένας σύνδεσμος προς τον οποίο εμφανίζεται επίσης στην ενότητα "Πρόσθετες πηγές". Επιλέξτε την επιθυμητή εικόνα, κάντε κλικ στο κουμπί "Δημιουργία favicon.ico" και, στη συνέχεια, κάντε λήψη της εικόνας που προκύπτει.

Συνιστάται: