Μέγεθος favicon για το site σας

Στο web design, όπως ίσως γνωρίζετε, κάθε θέματα λεπτομέρεια. Ο άνθρωπος που πήγε στο site σας, δεν μπορείτε να δείτε κάθε στοιχείο ξεχωριστά, και παίρνει την όλη εικόνα του πακέτου, το οποίο αποτελείται από άλλες μικρές λεπτομέρειες. Έτσι, αν σας λείπει κάτι στην διαδικασία ανάπτυξης του πόρου, αυτή η λεπτομέρεια στο μέλλον μπορεί να χαλάσει όλο το συγκρότημα, το σύνολο της σύνθεσης.

Αυτά τα πρόστιμα μπορεί να είναι, για παράδειγμα, το φόντο του πλήκτρου, λανθασμένες γραμματοσειρές κάποια μικρή στοιχείο, ακόμη και favicon. Πράγματι, κοίτα sami- μεγάλες, γνωστές ιστοσελίδες έχουν ατομικό εικονίδιο που αντιπροσωπεύει τις «Σελιδοδείκτες» στο πρόγραμμα περιήγησης του χρήστη. Χωρίς αυτό, οι προγραμματιστές των πόρων απέτυχε να δημιουργήσει τη σύνθεση στην οποία αρχικά ζήτησε.

Ως εκ τούτου, δημιουργείτε ένα σχέδιο για την περιοχή, θα πρέπει να ασχοληθούν με τέτοιου είδους λεπτομέρειες, όπως το favicon. Σε αυτό το άρθρο θα μιλήσουμε για το πώς να επιλέξετε σύμφωνα με το γενικό ύφος των πόρων, και τι μέγεθος θα πρέπει να είναι στην εικόνα.

icon ιστοσελίδα

Πρώτον, ορίζουμε το τι συνιστά αυτό το στοιχείο. Τώρα ρίξτε μια ματιά στον τίτλο της καρτέλες browser σας. Όπως μπορείτε να δείτε, στα αριστερά υπάρχει μια μικρή εικόνα που αντιπροσωπεύει μια απλοποιημένη έκδοση του πόρου λογότυπο. Η ίδια εικόνα υπάρχει κοντά το όνομα της τοποθεσίας που εμφανίζεται στο SERPs. Αυτός ο χρήστης καθοδηγείται από αυτήν, όταν βλέπουν τον τίτλο.

Πολλοί webmasters να καταλάβουν ότι αυτή η εικόνα είναι απαραίτητη - αλλά λίγοι άνθρωποι ξέρουν τι μέγεθος το favicon για την ιστοσελίδα θα ήταν πιο κατάλληλη. Ως εκ τούτου, σε αυτό το άρθρο θα δώσουμε όχι μόνο πληροφορίες για το πώς να κάνει μια τέτοια εικόνα και πώς να το εγκαταστήσετε στο site σας, αλλά και να περιγράψει τις διαστάσεις της εικόνας.

favicon σκοπός

Έτσι, η εικόνα κοντά στην κεφαλίδα ιστοσελίδα χρησιμοποιείται για την αναγνώριση. Αυτό είναι αρχικό σκοπό του: να εκφράσει την περιοχή, το οποίο βλέπουμε Ναθαναήλ, και επιλέξτε στα μάτια των άλλων. Γίνεται πολύ απλό με τη χρήση γραφικών: αντιλαμβανόμαστε διαισθητικά πληροφορίες σε εικόνες πολύ πιο γρήγορα και πιο εύκολα από ό, τι σε μορφή κειμένου. Favicon μας βοηθήσει σε αυτό. Αλλά μην ξεχνάμε ότι το μέγεθος favicon είναι ελάχιστη στα μάτια του χρήστη. Αυτό δεν είναι ένα λογότυπο στην ιστοσελίδα «καπάκι» που μπορεί να περιέχουν πρόσθετες πληροφορίες με τη μορφή των επιγραφών, ορισμένες διευκρινίσεις ή στοιχεία επικοινωνίας. Οτιδήποτε μπορεί να απεικονίζεται με το εικονίδιο δίπλα στο όνομα, θα πρέπει να είναι η πιο κατάλληλη για το μέγεθος της favicon. Και είναι, όπως ήδη αναφέρθηκε, μια μικρογραφία (16 με 16 pixels).

Πώς να επιλέξετε ένα favicon;

Και πώς ένα webmaster μπορεί να σχεδιάσει ένα εικονίδιο για το site σας; Θα πρέπει να σημειωθεί ότι η απλή συμπιέσει το λογότυπο του δικτυακού τόπου, κατά πάσα πιθανότητα, δεν θα πετύχει. Σε αφίσες που έχουν τεθεί με τη μορφή του λογότυπου ενός συγκεκριμένου πόρου, συχνά βλέπουν διαφορετικά στοιχεία που δεν θα είναι πάντα να μην εμφανίζονται σωστά σε μικρογραφία μορφή. Είναι καλύτερα να εγκαταλείψουμε αμέσως αυτό το εγχείρημα.

Φυσικά, το μέγεθος της favicon δεν μπορούμε να μιλάμε γι 'αυτό ακριβώς τοποθετήστε την επιγραφή εκεί. Κάθε κείμενο απλά δεν θα ορατό σε αυτό το ψήφισμα. Πρέπει να αναπτύξουμε ένα νέο εικονίδιο που θα μεταδώσει το στυλ ιστοσελίδα. Για να βρείτε λύσεις, και πάλι, ας δούμε τις μεγάλες χώρους.

Πολλοί χρησιμοποιούν ένα favicon τυποποιημένο πρώτο γράμμα του ονόματος της υπηρεσίας. Έτσι έρχονται, για παράδειγμα, Bing, Yahoo, Yandex, η Wikipedia, το Google. Υπάρχει και μια άλλη προσέγγιση - αν έχετε ένα σύντομο όνομα του site, μπορείτε να το ορίσετε ως φόντο της εικόνας. Για να favicon ανάλυση (pixels φτάσει, και πάλι, 16 έως 16 μονάδες) μπορεί να δείξει σωστά το σημείο, δεν πρέπει πλέον από τρία γράμματα είναι. Έτσι κάνει, για παράδειγμα, την υπηρεσία AOL.

Πώς να δημιουργήσετε ένα favicon;

Κάντε ένα εικονίδιο για το όνομα του site με διάφορους τρόπους. Φυσικά, το πιο εύκολο - είναι να συνεργαστεί με διάφορες έτοιμες λύσεις. Μπορούμε να μιλήσουμε για τις υπηρεσίες ή τα προγράμματα που σας επιτρέπουν να κάνετε μια εικόνα από την πλήρη εικόνα από τη μείωσή της. Ωστόσο, θα ήθελα να συστήσω να αναλάβει την ανάπτυξη του λογότυπου από μόνη της. Αυτό είναι, πρώτον, θα δώσει τη δυνατότητα να μάθουν κάτι? και, δεύτερον, να παρέχει ένα μεγάλο αριθμό εργαλείων. Το μόνο που χρειάζεται για να είναι σε θέση να κάνει -δηλαδή κλήρωση, καθώς γνωρίζουν τι favicon μέγεθος να είναι στην τελική έκδοση. Σχετικά με το μέγεθος των εικονιδίων για την ιστοσελίδα, θα μιλήσουμε αργότερα, αλλά προς το παρόν σημειώνουμε μερικές από τις λεπτές αποχρώσεις της εργασίας με τέτοιες εικόνες. Ειδικότερα, για να μην αναφέρουμε το μέγεθος της favicon για την ιστοσελίδα, θα πρέπει να διευκρινιστεί αυτό το λόγο διαστάσεων. Όπως σημειώνεται από έμπειρους σχεδιαστές, η εικόνα θα πρέπει να αποθηκεύεται ως .PNG (24-bit) ή ως fayl.ICO.

Εκτελέστε αποθηκεύσετε την εικόνα, μπορείτε, για παράδειγμα, με τη βοήθεια του Photoshop, όπου θα κληρωθούν έμβλημα.

διαστάσεις favicon

Έτσι τώρα ας μιλήσουμε για το πόσο μεγάλη πρέπει να είναι η εικόνα που βλέπουμε δίπλα στον ιστότοπο στα αποτελέσματα αναζήτησης. Από προεπιλογή, όπως ήδη αναφέρθηκε, το μέγεθός του είναι μόνο 16 εικονοστοιχεία (σε κάθε πλευρά). Ωστόσο, αν προσπαθήσετε να επεξεργαστείτε την εικόνα σε «Photoshop», ελέγξτε για τον εαυτό σας αν αυτό είναι δυσάρεστο. Ως εκ τούτου, σας συνιστούμε να συνεργάζεται με μια διευρυμένη εικόνα, η οποία στο μέλλον θα αποσπάσουν μόνο τις άκρες και να αποθηκευτούν στην επιθυμητή μορφή.

multiplatform

Ωστόσο, μιλώντας για το ποιο είναι το μέγεθος της favicon θα πρέπει να είναι στο site σας, θα πρέπει να θυμάστε ένα πράγμα. Δεν είναι όλες οι πλατφόρμες αντανακλούν επίσης την εικόνα των πόρων. Για παράδειγμα, μια συσκευή Retina οθόνη «δείτε» favicon σας με το ποσό των 32 - 32 pixels. Στο Safari, και στη νέα πλατφόρμα των Windows, και όλα αυτά τα εικονίδια να φτάσει το μέγεθος 64 pixels.

Γι 'αυτό συνιστούμε να κρατήσει τις διαφορετικές εκδόσεις των εικόνων στο μέλλον απλά να παρέχει την αλλαγή του ανάλογα με την πλατφόρμα του χρήστη. Ένα άλλο ενδιαφέρον σημείο - μπορείτε να δοκιμάσετε να κατεβάσετε το εικονίδιο στη μεγαλύτερη μορφή με την ελπίδα ότι θα «συρρικνωθεί», ανάλογα με το πρόγραμμα περιήγησης.

ξένες συντάκτες

Φυσικά, καλό αν είστε καλοί στο Photoshop και ξέρουν τι favicon μέγεθος θα πρέπει να είναι και πώς να το επιτύχει, διατηρώντας την εικόνα του. Ωστόσο, υπάρχουν πολλά αρχάριους που απλά δεν γνώρισε γραφικό συντάκτες τόσο σφιχτά πριν, οπότε δεν μπορεί να είναι τόσο εύκολο να σχεδιάσετε μια επιθυμητή εικόνα. Για να βοηθήσει αυτούς τους webmasters, υπάρχουν διάφορες υπηρεσίες που επιτρέπουν αυτόματα σας κάνουν να ενδιαφέρονται για το εικονίδιο. Πολλοί από αυτούς είναι ακόμα και δωρεάν, που δεν απαιτεί καμία επένδυση από τον χρήστη.

Για να λειτουργήσει μερικές φορές το μόνο που χρειάζεται να εγγραφείτε, αλλά, όπως γνωρίζετε, αυτό γίνεται μόνο μία φορά - στην πραγματικότητα δεν είναι τόσο συχνά οι εταιρείες αλλάζουν favicon. Κοιτάξτε το Google, το οποίο αλλάζει κάθε μέρα το λογότυπο, αλλά δεν αγγίζετε το εικονίδιο.

Πώς να εγκαταστήσετε ένα favicon;

Σε γενικές γραμμές, δημιουργήσει την ιστοσελίδα σας έτσι ώστε να εμφανίζει σωστά την εικόνα που θέλετε, είναι πολύ απλό. Είναι αρκετό για να εκτελέσει μια σειρά από απλά βήματα που θα σας επιτρέψει οι μηχανές αναζήτησης, καθώς μόνο ένα πρόγραμμα περιήγησης για να διαβάσετε τις πληροφορίες.

Για αυτό θα πρέπει να αποθηκεύσετε την εικόνα που προκύπτει ως favicon.ico και να το βάλετε στη ρίζα του πόρου. Τα πάντα είναι τώρα η εικόνα σας θα πρέπει να ανιχνεύεται αυτόματα, και το περιστατικό κάποια στιγμή θα πρέπει να συνδεθεί με το site σας.

Εκτός από αυτή τη σύνδεση, μπορείτε να προσθέσετε μια άλλη γραμμή, η οποία θα «γραμμή», όπου το εικονίδιο σας. Φαίνεται ως εξής:

Ορίστε ο κώδικας θα πρέπει να είναι στην κεφαλίδα.

ευρήματα

Έτσι, μετά την ανάγνωση αυτού του άρθρου, θα ασχοληθεί με το γεγονός, τι μέγεθος θα πρέπει να είναι favicon για την ιστοσελίδα και ότι γενικά είναι. Επίσης, νομίζω ότι καταλαβαίνετε ότι η αναζήτηση για ένα κατάλληλο εικονίδιο για το site σας - είναι μια αναγκαιότητα, γιατί ρίχνει νερό στο μύλο των δυο σας όσον αφορά την αύξηση της ευαισθητοποίησης, τόσο όσον αφορά την πρόσθετη κατανομή μεταξύ των ανταγωνιστών σας. Τουλάχιστον τα μεγάλα sites δρουν με τον ίδιο τρόπο που μπορούμε να πάρουμε ως χαρακτηριστικό παράδειγμα. Και τότε, πολλή προσπάθεια δεν προκαλεί - κάνει favicon μία φορά και να το εγκαταστήσετε σωστά στο site σας, μπορείτε να ξεχάσουμε αυτό για τους επόμενους μήνες.

Έτσι, μη διστάσετε να πειραματιστείτε, να εφεύρει κάτι καινούργιο, να προσπαθήσουμε - και να πετύχει!