Design en hjemmeside favicon

desing favicon, design webstedsikon, hjemmeside webikon, hvordan laver man en favicon, hvordan laver man et webstedsikon, hvordan laver man det lille ikon til hjemmesiden, hvordan designer man et webstedsikon, indsæt en favicon, indsæt webstedsikon

En favicon er et lille billede eller ikon på 16×16 pixels eller 32×32 pixels, som repræsenterer hjemmesiden.

Den vises normalt ved siden af din hjemmesides navn til venstre i adressefeltet i de fleste browsere når man er inde på en side.
Eksempler på 4 forskellige favicons.

En favicon er med til at give hjemmeside et samlet udtryk og et mere professionelt udsende. En favicon bør være et lille simpelt ikon som er let genkendeligt og gerne et ikon som symbolisere hvad siden handler om.

Lav en hjemmesides (hjemmesiden du er på nu) favicon er en lille infoknap med en finger over, som symboliserer at denne hjemmeside har noget med online information at gøre – En fodboldt eller en kalkun havde ikke været oplagte favicons til denne side.

Hjemmesiden Børneværelset har valgt at bruge hjemmesiden logo elefant som Favicon for at skabe genkendelse.

Handler din hjemmeside om madlavning, er et køkkeninstrumenter oplagt – det er en robot eller en elefanthue ikke. (Jeg kunne komme med mange eksempler som dette, men jeg tror du forstår min pointe)

Har din hjemmeside til gengæld ikke et favicon, så bliver din side meget mindre iøjnefaldende sammenlignet med andre sider som læseren har gemt som favoritter.

På billedet nedenfor ses 2 sider, som ikke har lavet en favicon til deres hjemmeside. Det resultere i de får en kedelig grå globus som favicon, men dem der har designet en, har den repræsenteret og dermed bliver mere iøjnefaldende.

Faviconen bliver også vist, hvis nogle tilføjer din hjemmeside som farvorit på deres computer.

Sådan laver du en Favicon i Illustrator

Har du kendskab til programmerne Photoshop, Illustrator eller Indesign, så kan du designe i et af disse programmer. Husk den som udgangspunkt skal være 16×16 pixels for at kunne indsætte på din hjemmeside.

Har du ikke et af disse programmer, så se nedenfor, hvordan du laver kan lave en favicon med favicomatic.com

Vi har brugt design programmet Illustrator til at designe vores favicon. Vi startede med at designe en sort prik.
Derefter indsatte vi vores piktogram af en infoknap og en finger.
Den færdig designet favicon gemte vi i PNG med 300 ppi og gennemsigtig baggrund.
Den færdige favicon klar til upload op hjemmesiden.

Design en favicon med favicomatic.com

For at benytte favicomatic.com skal du have et design, som du ønsker at lave om til din hjemmesides favicon.

favicomatic.com kan du uploade dit design og få det transformeret til et design i den korrekte størrelse.

Sådan bruger favicomatic.com 

På favicomatics forside trykker du Upload your image finder dit design.
Efter få sekunder er dit design klar til download. I den downloadet fil finder du din korrekt tilpasset favicons.

Indsæt en Favicon på din hjemmeside

I WordPress og andres CMS systemer er det forskelligt fra tema til tema, hvor og hvordan du kan uploade din Favicon. I nogle temaer kaldes favicon for Webstedsikon.

I vores tema er vi under Tilpas -> Webstedsidentitet

Her ses fanen under tilpas, hvor jeg kan uploade faviconen / webstedsikonet. Her klikker jeg vælg billede.
Jeg uploader billedet til mit mediebibliotek og trykker på knappen vælg i højre hjørne.
Derefter skal billedet beskæres. Da min webstedsikon er lavet i den korrekte størrelse, er det ikke nødvendigt at beskære i designet.
Derefter er faviconet uploadet.

Alt efter hvilket tema du bruger på din hjemmeside, så er det også faviconen der bliver brugt som symbol, hvis en læser trykker ”Føj til hjemmeskærm” på sin tablet eller smartphone og dermed henter din hjemmeside ned til deres menu.

 
 

Leave a Comment

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *