Skip to content Prejsť na obsah


How to create a favicon.ico for your web site Ako vytvoriť favicon.ico pre vaše webové stránky

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 Tento stručný návod vám ukáže, ako vytvoriť jedinečné favicon.ico (to ikona v adresnom riadku - ex. Simplehelp to je favicon.ico ) for your own site. ) Pre svoje vlastné stránky.

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 (skratka pre Obľúbené Icon) je skvelý spôsob, ako dať svoje stránky zapamätateľné a jedinečné ikony, ktoré sa zobrazia v adresnom riadku prehliadača. 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. Okrem toho, favicon sa zobrazujú vedľa 'webu', keď ľudia záložky, a pretože väčšina ľudí má veľmi chaotický zoznam záložiek, grafické upomienku na webe vedľa názvu karty je to dobrý spôsob, ako nechať sa nájsť znova.

  1. First, select the image you want to use as a favicon. Po prvé, vyberte snímku, ktorý chcete použiť ako favicon. Something that blends in with your sites look, colour scheme and general “feel” is best. Niečo, čo sa hodí do Vašich stránok pohľad, farebnú schému a všeobecné "cítiť" je najlepší. Since favicons are quite small, it's a good idea not to try and get too complicated. Vzhľadom k tomu, favicons sú dosť malé, to je dobrý nápad, aby sa pokúsila získať príliš komplikovaný. The image you choose should be a square (64×64, 32×32 etc), and can be a jpg, gif, png, bmp etc. Obrázok si vyberiete by mal byť námestie (64 × 64, 32 × 32 atď), a môže byť jpg, gif, png, bmp, atď
  2. Next, visit Ďalšie, navštívte FavIcon from Pics FavIcon z Pics – an absolutely brilliant (and free!) online tool that can generate a favicon from a picture, logo or other graphic - Naprosto geniálny (a zadarmo!), On-line nástroj, ktorý môže generovať favicon z obrázku, loga alebo iných grafických
  3. Upload your picture and click the magic Generate Favicon.ico button. Upload obrázka a kliknite na tlačidlo Vytvoriť favicon.ico čarovné tlačidlo. You'll be given a preview of your favicon, and if you're happy with it, click the Download Favicon button. Budete mať náhľad vášho favicon, a ak ste s ňou spokojní, kliknite na tlačidlo Download Favicon. Favicon from Pics will prompt you to save a .zip file – save it to your desktop or wherever you prefer to save files. Favicon Foto z vás vyzve na uloženie. Zip súbor - uložiť do počítača, alebo tam, kde chcete ukladať súbory. Unzip it. Rozbaľte to.
  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 svoj obľúbený program FTP (alebo iný nástroj, pomocou ktorého môžete vkladať do vašich webových stránok) a nahrať súbor favicon.ico do koreňového adresára vášho webu *. You'll want the file to be located at www.your-site.com/favicon.ico. Budete chcieť súbor musí byť umiestnené v www.your-site.com/favicon.ico.
  5. Visit your web site to check out your new favicon! Navštívte webovú stránku vyskúšať si novú favicon! If it doesn't appear, you may need to clear your browsers cache and then reload. Ak sa to nezdá, možno budete musieť vymazať cache prehliadača a potom znova načítať.
  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: * = V prípade, že nemáte prístup do koreňového adresára vášho webu, pridajte nasledujúci riadok kódu niekde v <head> vášho 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 Publikované v Web Design & Dev Web Design & Dev . .

Related Posts: Súvisiace zmeny:

How to revert to the "old" Google favicon Ako sa vrátiť k "starej" favicon Google
Simplehelp Recap: May 2007 – wow, and thank you! Simplehelp Rekapitulácia: máj 2007 - wow, a děkuji!
How to create a custom iPhone and iPod touch icon for your web site Ako vytvoriť vlastný iPhone a iPod touch ikona pre vaše webové stránky
Welcome! Vitajte!
How to insert a Google Map into your website using iWeb Ako vložiť Google Map na svoj web pomocou iWeb

6 Responses 6 Odpovede

Stay in touch with the conversation, subscribe to the Zostať v kontakte s konverzácia, prihláste sa RSS feed for comments on this post RSS kanál pre komentáre k tomuto príspevku . .

  1. LGR LGR says hovorí

    Good post. Dobrý post. I have used that favicon generator in the past and it works well. Použil som, že favicon generátor v minulosti a funguje to dobre. Sometimes I don't have the time or creativity to make my own and have found some great free favicons here: Niekedy nemám čas ani tvorivosť, aby sa moje vlastné, a našli nejaký veľký voľný favicons tu: http://www.freefavicon.com/ http://www.freefavicon.com/

  2. salvador says salvador hovorí

    Porqué no tengo el atributos shortcut icon en la etiqueta rel Porque tengo el ne atributos ikonu zástupcu en la tag rel

Continuing the Discussion Pokračovanie Diskusia

  1. 20 Free RSS Readers Reviewed - Simplehelp 20 Voľný RSS Čitatelia Reviewed - Simplehelp linked to this post on May 6, 2007 súvisiacich s touto poštou na 6.května 2007

    [...] Homepage: [...] Domovská stránka: 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. Požiadavky: pozri úplný zoznam tu - ale v skratke, Windows 98 a hore, Mac OS X 10.2.x a hore, linuxové jadro 2.2.14 (glibc 2.3.2, XFree86-3.3.6, gtk +2.0, fontconfig / xft a libstdc + +5) Myšlienky: Firefox je prehliadač, nie RSS čítačky. I know this. Viem to. But a surprisingly high number of people use it as their primary RSS reader, through a feature that Firefox calls “Live Bookmarks”. Ale prekvapivo vysoký počet ľudí, ktorí používajú euro ako svoju hlavnú RSS čítačku, a to prostredníctvom funkcie, ktorá volá Firefox "Live Záložky". Live Bookmarks are actually a lot of people's first introduction to RSS, even though they may not know it. Live Záložky sú vlastne veľa ľudí, prvé zoznámenie s RSS, aj keď to možno nevie. By default, Live Bookmarks don't have a lot of features – they just kind of 'are what they are'. V predvolenom nastavení Live Záložky nemajú veľa funkcií - jednoducho druh 'sú tým, čo sú'. Enter LiveClick, one of the many add-ons/plugins for Firefox. Zadajte LiveClick, jeden z mnohých add-ons/plugins pre 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 dopĺňa sériu veľmi užitočných funkcií pre Live Bookmarks, ako napr: označenie Live Bookmark položky ako 'prečítané', dostávať upozornenia, keď vyberte Live Záložky sa nové položky, a dokonca vám umožnia používať namiesto ikony (favicons) v mieste Predvolené RSS ikona. Screenshots: [...] Screenshoty: [...]

  2. WordPress: The Complete Post-Install Checklist, Redux - Simplehelp WordPress: Kompletná post-install Checklist, Redux - Simplehelp linked to this post on May 26, 2007 súvisiacich s touto poštou dňa 26. mája 2007

    [...] Create a favicon.ico for use with your blog. [...] Vytvoriť favicon.ico pre použitie s vášho blogu. Upload it. Nahrať ju. [...] [...]

  3. How to revert to the “old” Google favicon - Simplehelp Ako sa vrátiť k "starej" Google favicon - Simplehelp linked to this post on May 30, 2008 súvisiacich s touto poštou dňa 30.května 2008

    [...] recently changed their favicon.ico from the ever familiar boxed G, to a smaller g. [...] Nedávno zmenila svoje favicon.ico z vôbec známy boxer G, v menšej g. If you're not a big fan of the new icon, you [...] Ak si nie ste veľkým fanúšikom novú ikonu, môžete [...]

  4. Favicon Design : ..:.:.. Favicon Design: ..:.:.. Todd And = Marketing + Media ..:.:.. Todd A = + Marketing Media ..:.:.. linked to this post on July 22, 2008 súvisiacich s touto poštou dňa 22.července 2008

    [...] than the design of any other pixel icons. [...] Než vzorom iné pixel ikony. If you don't have a favicon yet, here is a tutorial and gallery for brainstorming favicon design [...] Ak nemáte ešte favicon, tu je návod a galérie brainstorming favicon design [...]



Some HTML is OK Niektoré HTML je v poriadku

or, reply to this post via alebo odpovede na tento príspevok prostredníctvom trackback Trackback . .