Sådan laver du et Favicon og uploader det

Et favicon er det lille billede på 16×16 pixels som du kan ved siden af en hjemmesidens titel i din browser. Ikonet bliver også vist når du tilføjer en hjemmeside til din favoritter. Nogle kalder dem også bogmærke ikoner.

Fordelen ved at have et favicon er brugerne lægger mere mærke til din hjemmeside i deres favoritter. Samtidig gør et favicon det lettere at finde din hjemmeside når brugeren har mange faneblade åbne i deres browser. På webdesigner.dk har jeg et gult “w” på sort bagrund som favicon.

Den nemmeste måde at lave et favicon på ved at bruge et online værktøj. Du kan også lave et i PhotoShop, men dette kræver at du henter et plugin og så selvfølgelig at du har programmet.

Sådan laver du et favicon

Det første du skal gøre er at lave dit icon. Du kan godt gøre dette i paint, men det kan anbefales at hente et program som GIMP, da det giver langt bedre muligheder for at designe dit ikon.

Tip: du kan også designe dit ikon direkte på favicon-generator.org. Dette gøres under Editor og herved behøver du ikke et billedbehandlingsprogram som Photoshop eller GIMP.

Dit ikon skal være 16 x 16 pixels. Ellers vil det ikke virke når du senere uploader det til din hjemmeside. Det er dog en godt ide at arbejde med et lidt større billede og så efterfølgende skalere det ned. Dette kan gøres i GIMP med et par enkelte klik.

Det er en rigtig god ide at du sørger for at holde dit favicon så simpelt som muligt. 16×16 pixels er ikke ret meget og er der for mange detaljer bliver nærmest umuligt at se hvad det forestiller.

Efter du har lavet dig et ikon på 16×16 pixels skal du gå ind på favicon-generator.org. Her klikker du ganske enkelt på Browse ->> Vælger dit ikon ->> og klikker på Create Favicon. Du får nu dit ikon tilbage i det rigtige format.

Upload af favicon.ico

Det eneste du mangler nu er at uploade dit favicon til på dit webhotel. Til dette skal du bruge et FTP program. Jeg bruger selv Total Commander til at upload filer med. Er du i tvivl om hvordan du bruger et ftp program kan du læse mere om det under hvad er et FTP Program.

Efter du er logget på din FTP server skal du uploade filen “favicon.ico” til roden af din hjemmeside. Ligger din hjemmeside hos UnoEuro skal du altså gå ind i biblioteket /public_html og efterfølge uploade dit ikon.

Bemærk at nogle temaer i WordPress også kræver at du uploader dit favicon under det pågældende tema. Bruger du f.eks. et Genesis tema på din WordPress hjemmeside skal du gå ind under /public_html/wp-content/themes/navnet på det tema du bruger/images/. Overskriv nu den favicon.ico fil der ligger her.

Hvorfor kan jeg ikke se mit favicon selvom jeg har uploadet det?

Kan du efter upload ikke se dit nye favicon skal du gå ind og slette cachen i din Browser. Din browser har nemlig gemt dit nuværende ikon i sin cache og et normalt “Reload ” af din hjemmeside vil ikke være nok til at det nye ikon indlæses.

Du kan også prøve at gå ind på din hjemmeside gennem en anden browser end den du plejer eller fra en anden computer. Dit nye favicon skulle derved gerne vise sig med det samme.