Az eszköz kényelmes használatához nyissa meg laptopon, asztali számítógépen vagy táblagépen fekvő módban.
Tipp
Ha táblagépet használ, váltson fekvő módra - ha az ablak szélessége elég nagy, az eszköz automatikusan betöltődik.
Generáljon favicon.ico-t és teljes PNG ikonkészletet weboldalához egyetlen képből. Minden feldolgozás helyben történik a böngészőben.
favicon.ico
favicon-16x16.png
favicon-32x32.png
apple-touch-icon.png
android-chrome-192x192.png
android-chrome-512x512.png
A favicon egy kis ikon, amely a böngészőfülön jelenik meg az oldal címe mellett. Láthatja a könyvjelzőkben, a böngészési előzményekben és a telefon kezdőképernyőjén is, amikor valaki parancsikónként adja hozzá az oldalt.
Ez a kis grafika fontos funkciót tölt be - segít a felhasználóknak gyorsan felismerni egy oldalt sok nyitott fül között. Amikor valakinek tucat fül van nyitva a böngészőben, a favicon gyakran az egyetlen látható elem, amely azonosítja az oldalt.
A generátor teljes ikonkészletet hoz létre: klasszikus favicon.ico fájlt böngészőkhöz, PNG ikonokat különböző méretekben és apple-touch-icont Apple eszközökhöz. Ha webalkalmazást (PWA) épít, 192x192 és 512x512 ikonokat is generálhat manifest fájllal együtt.
A favicon generálása mindössze néhány másodpercet vesz igénybe:
Minden méretnek megvan a felhasználási területe:
favicon.ico (32×32)
Klasszikus formátum, amelyet minden böngésző felismer. A böngészőfülön jelenik meg.
16×16 és 32×32 PNG
Szabványos méretek modern böngészőkhöz. Füleken és könyvjelzőkben jelennek meg.
180×180 PNG (apple-touch-icon)
Ikon Apple eszközökhöz (iPhone, iPad). Megjelenik, amikor valaki hozzáadja az oldalt a kezdőképernyőhöz.
192×192 és 512×512 PNG
Ikonok webalkalmazásokhoz (PWA). A manifest által megkövetelt és alkalmazásboltokban használt.
Ha nem épít PWA-t, csak erre van szüksége: favicon.ico, 32×32 PNG és 180×180 PNG. Ez a három fájl a legtöbb felhasználási esetet lefedi.
A favicon generálása néhány egyszerű lépés:
PNG méretek
Alapértelmezésben a generátor megőrzi az átlátszóságot. Választhat adott háttérszínt is.
JSON fájl webalkalmazásokhoz (PWA). Ha nem épít PWA-t, ez a beállítás nem szükséges.
Az ikonok generálása után több letöltési lehetőség áll rendelkezésre:
A legtöbb WordPress téma beépített lehetőséget kínál a webhelyikon beállításához. Az adminisztrációs panelben találja:
Megjelenés → Testreszabás → Webhelyazonosság → Webhelyikon
Töltse fel oda az 512×512-es fájlt - a WordPress automatikusan generálja a kisebb méreteket. A teljes kontroll érdekében a fájlokat közvetlenül a gyökérkönyvtárba is feltöltheti FTP-n keresztül.
A favicon nagyon kis grafika - akár 16×16 pixel is. Nem minden kép működik jól forrásként: