Skip to content Gå til innhold


How to create a favicon.ico for your web site Hvordan lage en favicon.ico for ditt nettsted

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 Denne korte veiledningen vil vise deg hvordan du oppretter en unik favicon.ico (at ikonet i adresselinjen - ekskl. Simplehelp's favicon.ico er ) for your own site. ) For ditt eget nettsted.

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. Et favicon (kort for Favorites Icon) er en fin måte å gi området en minnerik og unik ikon som vises i adresselinjen i webleseren. 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. I tillegg favorittikonet's møt opp ved siden av ditt nettsted »når folk bokmerke, og siden folk flest har et veldig rotete bokmerkelisten, en grafisk påminnelse om nettstedet ditt ved bokmerkenavnet det er en god måte la dem finne det igjen.

  1. First, select the image you want to use as a favicon. Først velger du bildet du vil bruke som et favorittikon. Something that blends in with your sites look, colour scheme and general “feel” is best. Noe som harmonerer med dine nettsteder utseende, farger og generell "føler" er best. Since favicons are quite small, it's a good idea not to try and get too complicated. Siden Favicon er ganske liten, er det lurt ikke å prøve og bli for komplisert. The image you choose should be a square (64×64, 32×32 etc), and can be a jpg, gif, png, bmp etc. Bildet du velger må være et kvadrat (64 × 64, 32 × 32 osv.), og kan være en jpg, gif, png, bmp osv.
  2. Next, visit Deretter kan du gå FavIcon from Pics Favorittikon from Pics – an absolutely brilliant (and free!) online tool that can generate a favicon from a picture, logo or other graphic - En helt genial (og gratis!) Nettbasert verktøy som kan generere et favorittikon fra et bilde, logo eller annen grafikk
  3. Upload your picture and click the magic Generate Favicon.ico button. Last opp ditt bilde, og klikk den magiske Generer favicon.ico knappen. You'll be given a preview of your favicon, and if you're happy with it, click the Download Favicon button. Du vil få en forhåndsvisning av favorittikon din, og hvis du er fornøyd med den, klikker du Last ned Favicon knappen. Favicon from Pics will prompt you to save a .zip file – save it to your desktop or wherever you prefer to save files. Favorittikon fra Pics vil be deg om å lagre en. Zip arkiv - lagre den på skrivebordet ditt eller hvor du foretrekker å lagre filer. Unzip it. Unzip det.
  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*. Fyr opp din favoritt FTP-program (eller hva verktøyet du bruker for å laste opp filer til ditt nettsted) og laste opp favicon.ico filen til roten av ditt webområde *. You'll want the file to be located at www.your-site.com/favicon.ico. Du vil vil at filen skal være plassert på www.your-site.com/favicon.ico.
  5. Visit your web site to check out your new favicon! Besøk nettstaden din for å sjekke ut den nye favorittikon! If it doesn't appear, you may need to clear your browsers cache and then reload. Hvis den ikke vises, må du kanskje tømme bufferen nettlesere og reload.
  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: * = Hvis du ikke har tilgang til roten av webområdet ditt, legger du til følgende kodelinje sted i <head> av html din:

    <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 Posted in Web Design & Dev Web Design & Dev . .

Related Posts: Relaterte innlegg:

How to revert to the "old" Google favicon Hvordan gå tilbake til den "gamle" Google favicon
Simplehelp Recap: May 2007 – wow, and thank you! Simplehelp Recap: Mai 2007 - wow, og takk!
How to create a custom iPhone and iPod touch icon for your web site Hvordan lage en tilpasset iPhone og iPod touch ikon for ditt nettsted
Welcome! Velkommen!
How to insert a Google Map into your website using iWeb Hvordan sette inn et Google-kart på nettstedet ditt ved hjelp av iWeb

6 Responses 6 Svar

Stay in touch with the conversation, subscribe to the Hold kontakten med samtalen, abonnere på RSS feed for comments on this post RSS feed for kommentarer til dette innlegget . .

  1. LGR LGR says sier

    Good post. Fint stolpe. I have used that favicon generator in the past and it works well. Jeg har brukt det favicon generator i det siste, og det fungerer godt. Sometimes I don't have the time or creativity to make my own and have found some great free favicons here: Noen ganger jeg ikke har tid eller kreativitet til å lage min egen og har funnet noen flotte gratis Favicon her: http://www.freefavicon.com/ http://www.freefavicon.com/

  2. salvador says Salvador sier

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

Continuing the Discussion Fortsetter Discussion

  1. 20 Free RSS Readers Reviewed - Simplehelp 20 Gratis RSS-lesere Anmeldt - Simplehelp linked to this post on May 6, 2007 knyttet til dette innlegget den 6 mai 2007

    [...] Homepage: [...] Hjemmeside: 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. Krav: Se hele listen her - men i et nøtteskall, Windows 98 og oppover, Mac OS X 10.2.x og opp, Linux-kjerne 2.2.14 (med glibc 2.3.2, XFree86-3.3.6, GTK 2.0, fontconfig / xft og libstdc + +5) Thoughts: Firefox er en nettleser, ikke en RSS-leser. I know this. Jeg vet dette. But a surprisingly high number of people use it as their primary RSS reader, through a feature that Firefox calls “Live Bookmarks”. Men et overraskende høyt antall mennesker bruker den som sin primære RSS-leseren, gjennom en funksjon som Firefox kaller "Levende bokmerker". Live Bookmarks are actually a lot of people's first introduction to RSS, even though they may not know it. Levende bokmerker er faktisk mange mennesker første introduksjon til RSS, selv om de kanskje ikke vet det. By default, Live Bookmarks don't have a lot of features – they just kind of 'are what they are'. Som standard gjør Levende bokmerker ikke har mange funksjoner - de bare slags "er hva de er. Enter LiveClick, one of the many add-ons/plugins for Firefox. Angi LiveClick, en av de mange add-ons/plugins for 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 legger en rekke meget nyttige funksjoner Levende bokmerker, for eksempel: merking Live Bookmark elementer som "lest", motta varsler når du velger Levende bokmerker har nye elementer, og det enda kan du bruke nettstedet ikoner (Favicon) i stedet for standard RSS-ikonet. Screenshots: [...] Skjermbilder: [...]

  2. WordPress: The Complete Post-Install Checklist, Redux - Simplehelp WordPress: The Complete Post-Install Sjekkliste, Redux - Simplehelp linked to this post on May 26, 2007 knyttet til dette innlegget den 26 mai 2007

    [...] Create a favicon.ico for use with your blog. [...] Opprett en favicon.ico for bruk med bloggen din. Upload it. Laste det opp. [...] [...]

  3. How to revert to the “old” Google favicon - Simplehelp Hvordan gå tilbake til den "gamle" Google favicon - Simplehelp linked to this post on May 30, 2008 knyttet til dette innlegget den 30 mai 2008

    [...] recently changed their favicon.ico from the ever familiar boxed G, to a smaller g. [...] Nylig endret sine favicon.ico fra noen kjente boks G, til en mindre g. If you're not a big fan of the new icon, you [...] Hvis du ikke er en stor fan av det nye ikonet, du [...]

  4. Favicon Design : ..:.:.. Favorittikon Design: ..:.:.. Todd And = Marketing + Media ..:.:.. Todd og = Marketing + Media ..:.:.. linked to this post on July 22, 2008 knyttet til dette innlegget den 22 juli 2008

    [...] than the design of any other pixel icons. [...] Enn utformingen av andre pixel ikoner. If you don't have a favicon yet, here is a tutorial and gallery for brainstorming favicon design [...] Hvis du ikke har en favorittikon ennå, her er en tutorial og galleri for brainstorming favorittikon design [...]



Some HTML is OK Some HTML is OK

or, reply to this post via eller svare på dette innlegget via trackback styrekule . .