Et favicon (forkortelse af ”favourite icon”) er det lille ikon, som vises i en webbrowser ved siden af websidens titel i fanen, bogmærker og i adressefeltet.
Det fungerer som en visuel repræsentation af hjemmesiden og hjælper jeres besøgende med hurtigt at genkende hjemmesiden.
Her ses et eksempel på DKM og Folkekirken.dk´s faviconer.
For at kunne have et favicon på en hjemmeside kræver det et billede i et specifikt format (.ico).
I denne guide gennemgår vi, hvordan du formaterer billedet til det rette format, og tilføjer det til din hjemmeside.
Trin 1: Find dit billede frem. Oftest er det logoet, der bruges. Da ikonet er ganske lille, er det vigtigt, at du vælger noget helt enkelt grafik uden tekst - og det er en fordel, hvis billedet er kvadratisk. Du skal bruge et billede i formatet .png
Trin 2: Der findes en række forskellige hjemmesider, hvor man kan omdanne sit billede til et favicon. I denne guide har vi valgt at tage udgangspunkt en enkelt af dem. Gå ind på siden favicon.io via nedenstående link:
https://favicon.io/favicon-converter/
Trin 3: Tryk på rammen med teksten ”Drag and drop your file here or click here to upload”. Herefter skal du finde dit billede på din computer og trykke ”Åben.”
Det valgte billede vil nu vises til venstre for knappen "Download". Denne skal du trykke på for at gemme dit favicon på din egen computer.
Trin 4: En fil vil blive hentet ned på din computer med navnet ”favicon_io.” Denne fil vil være en .zip-fil, som skal pakkes ud, før du kan bruge den. Det gøres ved at højreklikke på .zip-filen og vælge ”Udpak alle.” og "Pak ud" (de fleste gange vil det også virke at dobbeltklikke på mappen).
Når du har pakket ud, vil den åbne mappen, og der vil være en række forskellige filer.
Du skal kun bruge en enkelt - nemlig filen, der hedder favicon.ico.
Trin 5: Log ind i 3S-backend, og klik på menupunktet ”Filliste.” Her vælger du den øverste mappe (den vil bestå af et firecifret tal). I dette tilfælde hedder den "1105".
Tryk derefter på knappen ”Upload filer.”
Find filen ved navn "favicon.ico" i den mappe, du har pakket ud, og tryk ”Åben” for at uploade filen til hjemmesiden.
Trin 6: Indstil under designindstillingerne, at du ønsker at bruge dit favicon. Det gør du ved at gå til menupunktet ”Fast info”. Her trykker du på blyanten og derefter på ”Vælg fil”.
Find faviconet i fillisten og klik på den. Når filen er valgt, trykkes der ”Gem” øverst på siden.
Dit nye favicon kan nu ses i toppen af browseren, når hjemmesiden er åben (vises kun i frontend).
Kommentarer
0 kommentarer
Log ind for at kommentere.