Favicon és ikonok: a legkisebb felületek

A logó legnagyobb felülete talán egy cégtábla. A legkisebb viszont ott van minden nap, szinte minden látogatónál: egy böngészőfülön, néhány pixel méretben. Ezek a mini felületek könnyen kimaradnak a tervezésből, pedig egy jó pillanatban többet mondanak a márkáról, mint gondolnánk.

Hol jelenik meg a márka kicsiben?

• Favicon: a böngészőfülön, a könyvjelzők között, a keresési találatok mellett.
• Kezdőképernyő-ikon: amikor valaki a telefonján elmenti az oldalt, egy négyzetes, lekerekített ikon jelenik meg az alkalmazások között.
• Megosztási kép: amikor a linket elküldik vagy megosztják, egy nagy előnézeti kép jelenik meg a címmel.

Favicon: a legnagyobb kihívás

A favicon a legkisebb: egy böngészőfülön körülbelül 16–32 pixel. Ekkora méretben a legtöbb logó részletei összefolynak. Amit érdemes tenni:

• Csak a jel, név nélkül – a betűk ekkora méretben olvashatatlanok.
• Egyszerűsített forma: a vékony vonalak, apró részletek elhagyása. Nem baj, ha eltér a teljes logótól – a lényeg, hogy felismerhető maradjon.
• Erős kontraszt: a fül háttere lehet világos és sötét is, a jelnek mindkettőn látszania kell.
• SVG formátum a modern böngészőknek, mellé egy hagyományos ikonfájl a régebbieknek.

A saját logónk jó példa a kihívásra: a szilánkos B nagyban gazdag és látványos, a böngészőfülön viszont zsúfolt. Ide ezért egyszerűsített jel való, amely csak a formát őrzi meg.

Kezdőképernyő-ikon

Ez nagyobb, jellemzően 180 pixeles (Apple-eszközökön) és 192–512 pixeles (Android) négyzetes kép. Itt már elfér a teljes jel, de érdemes:

• teli háttérre tenni, mert a rendszer lekerekíti a sarkokat;
• elég belső margót hagyni, hogy a jel ne érjen a széléhez.

Megosztási kép

Ez a legnagyobb, és gyakran a legtöbbet látott: egy közösségi posztban, egy üzenetben a link előnézete. Általános méret az 1200×630 pixel. Egy jó megosztási kép:

• a márka színeiben készül;
• tartalmazza a logót és egy rövid, jól olvasható címet;
• oldalanként eltérhet – egy cikknél például a cikk címe és saját grafikája kerül rá.

Ennek a tudástárnak minden cikke saját megosztási képet kap, az oldal arculatában.

Egy egységes csomag

Ezek a felületek együtt alkotják a márka „mikroarculatát”. Érdemes őket egyszerre, a logóval együtt megtervezni – erről a logó weboldalas változatairól szóló cikkünkben írtunk, a teljes rendszerről pedig az arculati kézikönyvről szóló írásunkban.

Ha a saját márkája kis méretben nem az igazi, az arculat és logó szolgáltatásunk erre is kiterjed.