Je hebt vast wel meer dan eens van een favicon gehoord. Dit hangt nauw samen met webdesign, en het is een belangrijk punt dat op elke pagina, of het nu een online winkel, een blog, een website, enz. Is. gaan ze je vragen. Maar, Wat is een favicon? Waar is het voor? En het allerbelangrijkste: hoe wordt het gedaan?
Als u hier veel twijfels over heeft, gaan we u hier de sleutels geven zodat u het begrijpt en vooral zodat u het binnen uw project kunt presenteren en een betere presentatie krijgt. Wij verzekeren u!
Wat is een favicon
We beginnen met uit te leggen wat een favicon is, zodat u het begrijpt. En hiervoor is niets beters dan u een praktisch voorbeeld te geven. Stel u voor dat u op dit moment aan het browsen bent (in feite leest u ons). Maar u heeft niet slechts één tabblad, maar meerdere. Het is je misschien opgevallen dat in elk ervan de naam van wat die pagina weergeeft, wordt weergegeven, of het nu YouTube is (omdat je naar achtergrondmuziek luistert), Gmail (omdat je e-mail openstaat) of deze pagina.
Naast elke naam verschijnt aan de linkerkant een kleine afbeelding in een vierkant. Die op YouTube en Gmail wordt zeker geïdentificeerd met de logo's die ze hebben, maar hoe zit het met de rest van de tabbladen?
Nou, wat je ziet is eigenlijk het favicon. Met andere woorden, het is een pictogram dat is gerelateerd aan de pagina die u bezoekt, Daarom is het zo belangrijk om op dit detail te letten, want wanneer je een pagina toevoegt aan favorieten of snelkoppelingen, wordt de favicon de "afbeelding" van die pagina en daarom moet je voor het ontwerp zorgen zodat het is perfect verwant (en ziet er vooral goed uit om het van anderen te onderscheiden).
Dit kleine pictogram heeft meestal een formaat van 16 × 16 pixels (hoewel het ook kan worden ingesteld op 32x32px). Binnenin moet je ervoor zorgen dat alles wat je invoert correct wordt gezien, omdat het anders zal verschijnen als een kleine identificeerbare vlek (en dat zal een heel slecht beeld van je pagina geven).
Waarom is de favicon zo belangrijk?
Nu u weet wat de favicon is en u deze hebt gelokaliseerd op de pagina's die u gewoonlijk opent, is het u opgevallen dat er tegenwoordig steeds minder pagina's ontbreken? Dit komt omdat het echt heel belangrijk is om een visie te geven op elegantie en knowhow. Dat wil zeggen, u gaat een merk- of bedrijfsimago overbrengen dat om details geeft.
De favicon heeft echter ook andere toepassingen, zoals:
- Dien als identificatie van uw pagina. Meestal is dit favicon gerelateerd aan het logo dat je op je website hebt staan, alleen in een kleiner formaat. Maar als het logo te groot is en niet op het kleine knopje te zien is, heb je de neiging iets te kiezen dat daarmee verband houdt.
- U helpt gebruikers die uw pagina hebben opgeslagen, deze visueel te identificeren. Dus zelfs als ze de url of de naam van het bedrijf niet meer weten, vanwege de afbeelding van de favicon, zullen ze deze lokaliseren.
- Om "goed" te zijn met SEO. Dit moet met een korreltje zout worden ingenomen. En het is dat het al dan niet hebben van een favicon niet direct van invloed is op SEO (dat wil zeggen, het zal je niet beter of slechter positioneren als je het wel of niet hebt). Nu komt het steeds vaker voor dat wanneer een browser een pagina binnengaat, hij naar dat favicon zoekt en, als hij het niet vindt, het een 404-fout geeft. En je weet dat deze fouten niet goed zijn voor de SEO van een pagina.
Hoe maak je een favicon
Na het zien is het duidelijk dat een favicon een essentieel element is bij het hebben van een webpagina. Nu, hoe maak je er een?
U moet weten dat wat het in de meeste gevallen doet, is kies het logo van die website, of, als het te groot is, iets dat het identificeert. Stel je bijvoorbeeld voor dat je een televisiewebsite hebt die je op de een of andere manier hebt gebeld. Maar dat is in de favicon te groot. In plaats daarvan kunt u een afbeelding van een televisie plaatsen, zodat ze er verband mee houden. In deze gevallen wordt aanbevolen dat u dezelfde kleuren draagt als uw website om deze beter te identificeren.
En nu, hoe kunnen we een favicon maken? Nou, je hebt verschillende opties:
Photoshop, Gimp ...
Met andere woorden, we hebben het over beeldbewerkingsprogramma's, aangezien een favicon precies hetzelfde wordt gemaakt als een afbeelding. Natuurlijk moet u het opslaan in .ico-indeling om het als zodanig te herkennen, omdat het niet kan worden overgelaten als jpg, gif of iets dergelijks.
Deze manier om het te doen stelt je in staat om de favicon veel beter aan te passen, erin slagen om het helemaal opnieuw te maken en het de afwerking te geven die u wilt. Normaal gesproken werk je hiervoor met een afbeelding in een normaal formaat en pas je deze vervolgens aan het formaat van die knop aan.
Het zou in feite moeten worden geüpload en getest in verschillende browsers om te zien of het er goed uitziet, representatief is en vooral begrepen wordt.
Met behulp van online tools
In dit geval verwijzen we naar webpagina's die ervoor zorgen dat elke gewenste afbeelding binnen enkele seconden in een favicon wordt omgezet. Maar je hebt ook de mogelijkheid ontwerp uw favicon rechtstreeks met die pagina's.
Als je de eerste wilt (upload de afbeelding en converteer deze), dan raden we Favicon Generator of Favic-o-matic aan. Maar als je het laatste wilt (ontwerp het helemaal opnieuw), zet dan in op favicon.io of x-icon editor.
Met WordPress
Is uw pagina gemaakt in WordPress? En weet je dat je dat systeem kunt gebruiken om je favicon te maken? Hiervoor kunt u enkele plug-ins gebruiken waarmee u deze knop kunt maken op basis van een afbeelding die u heeft geüpload (of die u uploadt). Ook door "Uiterlijk / aanpassen", je kunt het doen.
Zodra je de favicon hebt gedaan, hoef je hem alleen maar op je website te zetten en hem te laten herkennen om hem in het linkerdeel van de naam van je pagina te kunnen laten zien, en ook om hem op te slaan in favorieten. Op deze manier zullen ze je gemakkelijk herkennen zonder te hoeven stoppen om te lezen of het de pagina is die ze echt wilden bezoeken.