Du har helt sikkert ved mere end én lejlighed hørt om et favicon. Dette er tæt knyttet til webdesign, og det er et vigtigt punkt, at det på hver side er en onlinebutik, en blog, et websted osv. de vil spørge dig. Men, Hvad er et favicon? Hvad er det for? Og vigtigst af alt, hvordan gøres det?
Hvis du er i tvivl om dette, vil vi her give dig nøglerne, så du forstår det og frem for alt, så du kan præsentere det inden for dit projekt og have en bedre præsentation. Vi forsikrer dig!
Hvad er et favicon
Vi begynder med at forklare, hvad et favicon er, så du forstår det. Og til dette, intet bedre end at give dig et praktisk eksempel. Forestil dig at du gennemsøger lige nu (faktisk læser du os). Men du har ikke kun en fane, men flere af dem. Du har muligvis bemærket, at navnet på det, siden afspejler i hver af dem, vises, det være sig YouTube (fordi du lytter til baggrundsmusik), Gmail (fordi du har din mail åben) eller denne side.
Ved siden af hvert navn til venstre vises et lille billede i en firkant. Den på Youtube og Gmail identificeres helt sikkert med de logoer, de har, men hvad med resten af fanerne?
Nå, hvad du ser er faktisk favicon. Med andre ord er det en ikon, der er relateret til den side, du besøger, Derfor er det så vigtigt at være opmærksom på denne detalje, for når du tilføjer en side til favoritter eller genveje, bliver favicon "siden" på den side, og det er derfor, du skal tage sig af dens design, så det er perfekt forbundet (og frem for alt ser godt ud at skelne det fra andre).
Dette lille ikon har normalt et størrelsessæt, der er 16 × 16 pixels (selvom det også kan indstilles til 32x32px). Inde i det skal du passe på, at alt, hvad du lægger, ses korrekt, da det ellers vil fremstå som en lille identificerbar plet (og det vil give et meget dårligt billede af din side).
Hvorfor er faviconet så vigtigt?
Nu hvor du ved hvad favicon er, og at du har fundet det på de sider, du normalt åbner, har du bemærket, at der i dag er færre og færre sider, der mangler? Dette er fordi det virkelig er meget vigtigt at give en vision om elegance og know-how. Det vil sige, at du vil formidle et brand- eller selskabsbillede, der bryr sig om detaljer.
Imidlertid har favicon også andre anvendelser såsom:
- Serveres som identifikation af din side. Normalt er dette favicon relateret til det logo, du har på dit websted, kun i en mindre størrelse. Men når logoet er for stort og ikke kan ses på den lille knap, har du en tendens til at vælge noget, der vedrører det.
- Du hjælper brugere, der har gemt din side med at identificere den visuelt. Således, selvom de ikke kan huske url eller firmaets navn, vil de på grund af billedet af favicon finde det.
- At være "god" med SEO. Dette skal tages med et saltkorn. Og det er, at det at have eller ikke have et favicon ikke direkte påvirker SEO (det vil sige, det vil ikke placere dig bedre eller dårligere for at have det eller ej). Nu er det mere og mere almindeligt, at når en browser går ind på en side, ser den efter det favicon, og når den ikke finder den, så giver den en 404-fejl. Og du ved, at disse fejl ikke er gode for SEO for en side.
Sådan laver du et favicon
Efter at have set er det klart, at et favicon er et væsentligt element, når man har en webside. Hvordan laver man en?
Du burde vide, at det i de fleste tilfælde er vælg logoet på det websted, eller hvis det er for stort, noget der identificerer det. Forestil dig for eksempel, at du har et tv-websted, som du har ringet til på en eller anden måde. Men det i favicon er for stort. I stedet kan du sætte et billede af et fjernsyn, så de fortæller det. I disse tilfælde anbefales det, at du bruger de samme farver som dit websted, så de identificerer det bedre.
Og nu, hvordan kan vi oprette et favicon? Nå, du har flere muligheder:
Photoshop, Gimp ...
Med andre ord taler vi om billedredigeringsprogrammer, da et favicon oprettes nøjagtigt det samme som et billede. Selvfølgelig skal du gemme det i .ico-format for at det genkendes som sådan, fordi det ikke kan efterlades som jpg, gif eller lignende.
Denne måde at gøre det på giver dig mulighed for at tilpasse favicon meget bedre, administrerer at skabe det fra bunden og give det den ønskede finish. Normalt til dette arbejder du med et billede i en normal størrelse og tilpasser det derefter til størrelsen på den knap.
Faktisk skal det uploades og testes i forskellige browsere for at se, om det ser godt ud, er repræsentativt og frem for alt forstået.
Brug af online-værktøjer
I dette tilfælde henviser vi til websider, der tager sig af at konvertere ethvert billede, du ønsker, til et favicon på få sekunder. Men du har også mulighed for design dit favicon direkte med disse sider.
Hvis du vil have det førstnævnte (upload billedet og konverter det), anbefaler vi Favicon Generator eller Favic-o-matic. Men hvis du vil have sidstnævnte (design det fra bunden), skal du satse på favicon.io eller x-icon editor.
Med WordPress
Er din side lavet i WordPress? Og ved du, at du kan bruge dette system til at oprette dit favicon. Til dette kan du bruge nogle plugins, der giver dig mulighed for at oprette denne knap baseret på et billede, du har uploadet (eller som du uploader). Også igennem "Udseende / Tilpas" kan du gøre det.
Når du har faviconet gjort, skal du bare lægge det på dit websted og få det til at genkende det for at kunne vise det i venstre område af navnet på din side såvel som når du gemmer det i favoritter. På denne måde vil de let genkende dig uden at skulle stoppe for at læse, hvis det er den side, de virkelig ville besøge.