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

από Ross McKillop [[on]] 2 Μαΐου 2007

Σχέδιο & Dev Ιστού

Αυτό το συνοπτικό σεμινάριο θα σας παρουσιάσει πώς να δημιουργήσει ένα μοναδικό favicon.ico (ότι εικόνα στο φραγμό διευθύνσεών σας - πρώην. Favicon.ico του Simplehelp είναι ) για την περιοχή σας.

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

  1. Κατ' αρχάς, επιλέξτε την εικόνα που θέλετε να χρησιμοποιήσετε ως favicon. Κάτι που συνδυάζει μέσα με τις περιοχές σας κοιτάζει, το χρώμα σχεδίου και γενικός «αισθάνεται ότι» είναι καλύτερος. Δεδομένου ότι favicons είναι αρκετά μικρός, είναι μια καλή ιδέα να μην προσπαθήσει και να μην πάρει πάρα πολύ περίπλοκο. Η εικόνα που επιλέγετε πρέπει να είναι ένα τετράγωνο (64×64, 32×32 κ.λπ.), και μπορεί να είναι ένα jpg, ένα GIF, ένα PNG, bmp κ.λπ.
  2. Έπειτα, επίσκεψη FavIcon από Pics - απολύτως ένας λαμπρός (και ελεύθερος!) σε απευθείας σύνδεση εργαλείο που μπορεί να παραγάγει ένα favicon από μια εικόνα, ένα λογότυπο ή άλλο γραφικό
  3. Φορτώστε την εικόνα σας και χτυπήστε το μαγικό Παράγετε Favicon.ico κουμπί. Θα σας δοθεί μια πρόβλεψη του favicon σας, και εάν είστε ευχαριστημένοι από την, χτυπάτε Μεταφορτώστε Favicon κουμπί. Το Favicon από Pics θα σας προτρέψει για να σώσει ένα .zip αρχείο - το σώστε στον υπολογιστή γραφείου σας ή οπουδήποτε προτιμάτε να σώσετε τα αρχεία. Το ανοίξτε φερμουάρ.
  4. Η πυρκαγιά επάνω το αγαπημένο πρόγραμμα FTP σας (ή ο, τιδήποτε εργαλείο χρησιμοποιείτε για να φορτώσετε τα αρχεία στον ιστοχώρο σας) και φορτώνει το αρχείο favicon.ico στη ρίζα site* σας. Θα θελήσετε το αρχείο για να βρεθείτε στο www.your-site.com/favicon.ico.
  5. Επισκεφτείτε τον ιστοχώρο σας για να ελέγξετε έξω το νέο favicon σας! Εάν δεν εμφανίζεται, μπορεί να πρέπει να καθαρίσετε την κρύπτη και έπειτα το ξαναφόρτωμα μηχανών αναζήτησης σας.
  6. * = εάν δεν έχετε πρόσβαση στη ρίζα της περιοχής σας, προσθέστε την ακόλουθη γραμμή κώδικα κάπου στο <κεφάλι> από το HTML σας:

    <σύνδεση rel=» συντομότερη εικόνα» href=» http://www.your-site.com/path/to/favicon.ico»>

Σχετικές θέσεις:
  • Πώς να επανέλθει στο «παλαιό» Google favicon
  • Recap Simplehelp: Μαΐου 2007 - η καταπληκτική επιτυχία, και σας ευχαριστεί!
  • How to create a custom iPhone and iPod touch icon for your web site
  • Welcome!
  • How to insert a Google Map into your website using iWeb
  • Get Simple Help tutorials just like this one in your email inbox every day - for free! Just enter your email address below:

    You can always opt out of this email subscription at any time.


    Bookmark and Share

    { 4 trackbacks }

    20 Free RSS Readers Reviewed - Simplehelp
    05.06.07 at 6:40 pm
    WordPress: The Complete Post-Install Checklist, Redux - Simplehelp
    05.26.07 at 2:15 pm
    How to revert to the “old” Google favicon - Simplehelp
    05.30.08 at 9:12 pm
    Favicon Design : ..:.:.. Todd And = Marketing + Media ..:.:..
    07.22.08 at 4:59 pm

    { 1 comment… read it below or add one }

    1 LGR 05.30.07 at 9:55 am

    Good post. I have used that favicon generator in the past and it works well. Sometimes I don’t have the time or creativity to make my own and have found some great free favicons here: http://www.freefavicon.com/

    Leave a Comment

    You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>