Skip to content Skip to content


How to create a favicon.ico for your web site Kā izveidot favicon.ico jūsu mājas lapā

Web Design & Dev

This brief tutorial will show you how to create a unique favicon.ico (that icon in your address bar – ex. Simplehelp's favicon.ico is Šī īsā apmācība jums parādīs kā izveidot unikālu favicon.ico (kas ikona adrešu joslā - ex. Simplehelp's favicon.ico ir ) for your own site. ) Jūsu vietā.

A favicon (short for Favorites Icon) is a great way to give your site a memorable and unique icon that will display in the browser address bar. Favicon (īss Favorites Icon) ir lielisks veids, kā sniegt jūsu vietni neaizmirstamu un unikālu ikonu, kas būs redzama pārlūkprogrammas adrešu joslā. In addition, favicon's show up next to 'your site' when people bookmark it, and since most folks have a very messy bookmark list, a graphical reminder of your site beside the bookmark name it is a good way let them find it again. Turklāt, favicon's parādās blakus "vietnes", ja cilvēki gràmatzïmi to, un jo vairums ļaudīm ir ļoti netīrs grāmatzīmju sarakstā, grafisko atgādinājums vietnes blakus grāmatzīmes nosaukumu tas ir labs veids, kā ļaut viņiem atrast vēlreiz.

  1. First, select the image you want to use as a favicon. Pirmkārt, izvēlieties attēlu, kuru vēlaties izmantot kā favicon. Something that blends in with your sites look, colour scheme and general “feel” is best. Kaut ka uz maisījumiem ar jūsu vietnes izskatu, krāsu un vispārējo "sajust" ir vislabāk. Since favicons are quite small, it's a good idea not to try and get too complicated. Tā favicons ir diezgan maza, tā ir laba ideja, nevis mēģināt kļūt pārāk sarežģīta. The image you choose should be a square (64×64, 32×32 etc), and can be a jpg, gif, png, bmp etc. Image izvēlaties jābūt kvadrātveida (64 × 64, 32 × 32 uc), un to var jpg, gif, png, bmp utt
  2. Next, visit Next, apmeklējiet FavIcon from Pics Favicon no Pics – an absolutely brilliant (and free!) online tool that can generate a favicon from a picture, logo or other graphic - Absolūti izcili (un bezmaksas!) Tiešsaistes rīks, kas var radīt favicon no attēlu, logotipu vai citiem grafiskiem
  3. Upload your picture and click the magic Generate Favicon.ico button. Augšupielādēt attēlu un noklikšķiniet uz burvju Izveidot Favicon.ico pogu. You'll be given a preview of your favicon, and if you're happy with it, click the Download Favicon button. Jums tiks dota preview jūsu favicon, un ja jūs esat apmierināts ar to, noklikšķiniet uz Lejupielādēt Favicon pogu. Favicon from Pics will prompt you to save a .zip file – save it to your desktop or wherever you prefer to save files. Favicon no Pics liks Jums ietaupīt. Zip fails - saglabājiet to savā darbvirsmā vai kur vēlaties saglabāt failus. Unzip it. Atarhivējiet tā.
  4. Fire up your favorite FTP program (or whatever tool you use to upload files to your web site) and upload the favicon.ico file to the root of your site*. Fire up your favorite FTP programma (vai kāds līdzeklis, ko izmanto, lai augšupielādēt failus jūsu mājas lapu) un augšupielādēt favicon.ico failu saknes jūsu vietni *. You'll want the file to be located at www.your-site.com/favicon.ico. Jūs vēlaties failu atrodas www.your-site.com/favicon.ico.
  5. Visit your web site to check out your new favicon! Apmeklē jūsu mājas lapu, lai apskatīt savu jauno favicon! If it doesn't appear, you may need to clear your browsers cache and then reload. Ja tas neparādās, jums var būt nepieciešams, lai nodzēstu jūsu pārlūkprogrammas kešatmiņu un pēc tam pārlādēt.
  6. * = if you don't have access to the root of your site, add the following line of code somewhere in the <head> of your html: * = Ja jums nav pieejas saknes vietnes, pievieno šādu rindu kodu kaut kur <head> jūsu HTML:

    <link rel=”shortcut icon” href=”http://www.your-site.com/path/to/favicon.ico”> <link rel="shortcut icon" href="http://www.your-site.com/path/to/favicon.ico">

Posted in Iesūtīts Web Design & Dev Web Design & Dev . .

Related Posts: Related Posts:

How to revert to the "old" Google favicon Kā atgriezties pie "vecās" Google favicon
Simplehelp Recap: May 2007 – wow, and thank you! Simplehelp Atgādinājums: May 2007 - wow, un paldies!
How to create a custom iPhone and iPod touch icon for your web site Kā izveidot pielāgotus iPhone un iPod touch icon jūsu mājas lapā
Welcome! Laipni lūdzam!
How to insert a Google Map into your website using iWeb Kā ievietot Google Map savā mājas lapā, izmantojot iWeb

6 Responses 6 Atbildes

Stay in touch with the conversation, subscribe to the Uzturēt kontaktus ar sarunu, abonēt RSS feed for comments on this post RSS barību komentārus par šo ziņu . .

  1. LGR LGR says saka

    Good post. Good post. I have used that favicon generator in the past and it works well. Man ir lietojusi šo favicon ģenerators pagātnē un tā darbojas labi. Sometimes I don't have the time or creativity to make my own and have found some great free favicons here: Dažreiz man nav laika vai radošums, lai veiktu savu un ir atklājuši kaut ko lielu bezmaksas favicons šeit: http://www.freefavicon.com/ http://www.freefavicon.com/

  2. salvador says Salvador saka

    Porqué no tengo el atributos shortcut icon en la etiqueta rel Porque no tengo el atributos shortcut icon en la etiqueta rel

Continuing the Discussion Turpinot iztirzājumu

  1. 20 Free RSS Readers Reviewed - Simplehelp 20 bezmaksas RSS lasītāji jāpārskata - Simplehelp linked to this post on May 6, 2007 saistībā ar šo post 2007 May 6,

    [...] Homepage: [...] Mājas lapa: http://www.mozilla.com/en-US/firefox/ http://www.mozilla.com/en-US/firefox/ Requirements: see the full list here – but in a nutshell, Windows 98 and up, Mac OS X 10.2.x and up, Linux kernel 2.2.14 (with glibc 2.3.2, XFree86-3.3.6, gtk+2.0, fontconfig/xft and libstdc++5) Thoughts: Firefox is a browser, not an RSS reader. Prasības: skat pilnu sarakstu šeit - bet īsumā, Windows 98 un uz augšu, Mac OS X 10.2.x un uz augšu, Linux kodols 2.2.14 (ar glibc 2.3.2, XFree86-3.3.6 gtk 2,0, fontconfig / xft un libstdc + 5) Domas: Firefox ir pārlūks, nevis RSS lasītājs. I know this. Es zinu. But a surprisingly high number of people use it as their primary RSS reader, through a feature that Firefox calls “Live Bookmarks”. Bet pārsteidzoši liels skaits cilvēku izmanto to kā primāro RSS lasītājs, izmantojot funkciju, Firefox zvani "Live Bookmarks". Live Bookmarks are actually a lot of people's first introduction to RSS, even though they may not know it. Live Bookmarks patiesībā daudz cilvēku pirmā ievadu RSS, pat ja tie nav zināms. By default, Live Bookmarks don't have a lot of features – they just kind of 'are what they are'. Pēc noklusējuma, Live Bookmarks nav daudz funkciju - tie tikai sava veida "ir tas, ko viņi ir". Enter LiveClick, one of the many add-ons/plugins for Firefox. Ievadiet LiveClick, viena no daudzām add-ons/plugins par Firefox. LiveClick adds a number of very useful features to Live Bookmarks, such as: marking Live Bookmark items as 'read', receive alerts when select Live Bookmarks have new items, and it even allows you to use site icons (favicons) in place of the default RSS icon. LiveClick piebilst skaits ļoti noderīgas funkcijas, Live Bookmarks, piemēram, marķēšana Live Bookmark posteņiem kā "lasīt", saņemt brīdinājumus, kad izv Live Bookmarks ir jaunus objektus un tā pat ļauj jums lietot Kisu ikonas (favicons) vietā default RSS ikona. Screenshots: [...] Screenshots: [...]

  2. WordPress: The Complete Post-Install Checklist, Redux - Simplehelp WordPress: Complete Post-Install Checklist, Redux - Simplehelp linked to this post on May 26, 2007 saistībā ar šo post 2007 May 26,

    [...] Create a favicon.ico for use with your blog. [...] Izveidot favicon.ico lietošanai kopā ar jūsu emuāru. Upload it. Augšupielādēt to. [...] [...]

  3. How to revert to the “old” Google favicon - Simplehelp Kā atgriezties pie "vecās" Google favicon - Simplehelp linked to this post on May 30, 2008 saistīts ar šo ziņu par 2008 May 30,

    [...] recently changed their favicon.ico from the ever familiar boxed G, to a smaller g. [...] Nesen mainīja savu favicon.ico no kādreiz pazīstams Boxed G, kas mazāka g. If you're not a big fan of the new icon, you [...] Ja neesat liels ventilators jaunu ikonu, jums [...]

  4. Favicon Design : ..:.:.. Favicon Design: ..:.:.. Todd And = Marketing + Media ..:.:.. Todd un = Marketing + Media ..:.:.. linked to this post on July 22, 2008 saistībā ar šo post, 22 jūlijs 2008

    [...] than the design of any other pixel icons. [...] Par dizainu citu pikseļu ikonas. If you don't have a favicon yet, here is a tutorial and gallery for brainstorming favicon design [...] Ja jums nav favicon vēl šeit ir apmācība un galeriju prāta vētras favicon dizains [...]



Some HTML is OK Daži HTML ir OK

or, reply to this post via vai, atbildot uz šo ziņu izmantojot trackback Trackback . .