Favicon je mala ikona stranice u kartici preglednika, u spremljenim oznakama i na početnom zaslonu mobitela. Google ga prikazuje i uz rezultate pretrage: dio je prvog dojma još prije klika.
Kako ga napraviti
Iz punog logotipa rijetko nastane dobar favicon. Na 16 piksela ostaje samo znak, inicijal ili jedan oblik iz vizualnog identiteta, s dovoljnim kontrastom prema svijetloj i tamnoj pozadini. Prije objave pogledajte ga uz ostale kartice u pregledniku i uz rezultat na mobitelu, ne samo uvećanog u dizajnerskom programu.
Datoteke koje trebaju
- Mala ikona za preglednik, u formatu SVG ili ICO
- Ikona od 180 piksela za Appleove uređaje
- Ikone od 192 i 512 piksela za Android i web aplikacije
Google i favicon
Google traži kvadratnu ikonu, dostupnu robotu, veličine najmanje 48 piksela. Ako je nema ili ne zadovoljava pravila, uz rezultat stoji generička sličica koja stranicu čini zapuštenom. Promjena u rezultatima vidi se tek kad Google ponovno obiđe stranicu, što može potrajati nekoliko tjedana. Izrađujemo ga u sklopu grafičkog dizajna i identiteta.
Povezani pojmovi
Kontrast boja
Razlika u svjetlini između teksta i pozadine. Određuje može li se tekst lako pročitati, a za web postoji mjerljiv minimum u WCAG smjernicama.
Brand guidelines
Dokument s pravilima primjene brenda — logo, boje, fontovi i ton komunikacije. Osigurava da svi materijali izgledaju kao ista firma.
Mockup
Realističan prikaz dizajna u stvarnom kontekstu — logo na proizvodu ili stranica na laptopu. Pokazuje rezultat prije nego što nastane.
Logo
Grafički znak po kojem se tvrtka prepoznaje prije nego što itko pročita njezino ime. Najvidljiviji dio vizualnog identiteta i obično prvi korak u brendiranju.