Du har sikkert hørt om et favorittikon ved mer enn en anledning. Dette er nært knyttet til webdesign, og det er et viktig poeng at det på hver side, enten det er en nettbutikk, en blogg, et nettsted, etc. de kommer til å spørre deg. Men, Hva er et favicon? Hva er den til? Og viktigst av alt, hvordan gjøres det?
Hvis du er i tvil om dette, skal vi gi deg nøklene slik at du forstår det og fremfor alt slik at du kan presentere det i prosjektet ditt og sitte igjen med en bedre presentasjon. Vi forsikrer deg!
Hva er et favicon
Vi skal begynne med å forklare hva et favicon er, slik at du forstår det. Og for dette, ikke noe bedre enn å gi deg et praktisk eksempel. Tenk deg at du surfer akkurat nå (faktisk leser du oss). Men du har ikke bare en fane, men flere av dem. Du har kanskje lagt merke til at navnet på det siden gjenspeiler vises i hver av dem, det være seg YouTube (fordi du lytter til bakgrunnsmusikk), Gmail (fordi du har e-posten din åpen) eller denne siden.
Ved siden av hvert navn, til venstre, vises et lite bilde i en firkant. Den på YouTube og Gmail blir sikkert identifisert av logoene de har, men hva med resten av fanene?
Vel, det du ser er faktisk favorittikonet. Med andre ord er det en ikonet som er relatert til siden du besøker, Det er derfor det er så viktig å ta hensyn til denne detaljene, for når du legger til en side i favoritter eller snarveier, blir favicon "bildet" av den siden, og det er derfor du må ta vare på utformingen slik at den er perfekt relatert (og fremfor alt ser det bra ut å skille det fra andre).
Dette lille ikonet har vanligvis et størrelsessett som er 16 × 16 piksler (selv om det også kan settes til 32x32px). Inne i den må du passe på at alt du legger blir sett riktig siden det ellers vil fremstå som en liten identifiserbar flekk (og det vil gi et veldig dårlig bilde av siden din).
Hvorfor er favicon så viktig?
Nå som du vet hva favicon er, og at du har funnet det på sidene du vanligvis åpner, har du lagt merke til at det i dag er færre og færre sider som mangler? Dette er fordi det er veldig viktig å gi en visjon om eleganse og kunnskap. Det vil si at du skal formidle et merke- eller bedriftsbilde som bryr seg om detaljer.
Imidlertid har favicon også andre bruksområder som:
- Serveres som identifikasjon av siden din. Vanligvis er dette favorittikonet relatert til logoen du har på nettstedet ditt, bare i mindre størrelse. Men når logoen er for stor og ikke vises på den lille knappen, har du en tendens til å velge noe som er relatert til den.
- Du vil hjelpe brukere som har lagret siden din med å identifisere den visuelt. Dermed, selv om de ikke husker url, eller navnet på selskapet, på grunn av bildet av favorittikonet, vil de finne det.
- Å være "god" med SEO. Dette må tas med et saltkorn. Og det er at å ha eller ikke ha et favicon ikke vil påvirke SEO direkte (det vil si at det ikke vil plassere deg bedre eller verre for å ha det eller ikke). Nå blir det mer og mer vanlig at når en nettleser kommer inn på en side, ser den etter det faviconet, og når det ikke finner det, så gir det en 404-feil. Og du vet at disse feilene ikke er bra for SEO for en side.
Hvordan lage et favicon
Etter å ha sett er det klart at et favicon er et viktig element når du har en webside. Nå, hvordan lager du en?
Du bør vite at det i de fleste tilfeller er hva det gjør velg logoen til nettstedet, eller hvis det er for stort, noe som identifiserer det. Tenk deg for eksempel at du har et TV-nettsted du har ringt på en eller annen måte. Men det, i favicon, er for stort. I stedet kan du sette et bilde av en TV slik at de forteller det. I disse tilfellene anbefales det at du bruker de samme fargene som nettstedet ditt for å bedre identifisere det.
Og nå, hvordan kan vi lage et favicon? Vel, du har flere alternativer:
Photoshop, Gimp ...
Med andre ord snakker vi om bilderedigeringsprogrammer siden et favicon er opprettet nøyaktig det samme som et bilde. Selvfølgelig må du lagre den i .ico-format for at den skal bli gjenkjent som sådan, fordi den ikke kan stå som jpg, gif eller lignende.
Denne måten å gjøre det på lar deg tilpasse favicon mye bedre, klarer å lage den fra bunnen av og gi den den ønskede finishen. Normalt for dette jobber du med et bilde i normal størrelse og tilpasser det deretter til størrelsen på den knappen.
Det skal faktisk lastes opp og testes i forskjellige nettlesere for å se om det ser bra ut, er representativt og fremfor alt forstått.
Bruke verktøy på nettet
I dette tilfellet refererer vi til websider som tar seg av å konvertere et hvilket som helst bilde du ønsker til et favicon i løpet av sekunder. Men du har også muligheten til utform faviconet ditt direkte med disse sidene.
Hvis du vil ha førstnevnte (last opp bildet og konverter det), anbefaler vi Favicon Generator eller Favic-o-matic. Men hvis du vil ha sistnevnte (design den fra bunnen av), satser på favicon.io eller x-icon editor.
Med WordPress
Er siden din laget i WordPress? Og vet du at du kan bruke det systemet til å lage ditt favorittikon. For dette kan du bruke noen plugins som lar deg lage denne knappen basert på et bilde du har lastet opp (eller som du laster opp). Også gjennom "Utseende / Tilpass" kan du gjøre det.
Når du har gjort favorittikonet, må du bare legge det på nettstedet ditt og få det til å gjenkjenne det for å kunne vise det til venstre i navnet på siden din, samt når du lagrer det i favoritter. På denne måten vil de lett gjenkjenne deg uten å måtte stoppe for å lese om det er siden de virkelig ønsket å besøke.