Faviconútmutatók
Egyenes válaszok a faviconkészítés kérdéseire: milyen méretek és formátumok kellenek, és milyen kódot kell beilleszteni.
Faviconméretek: formátumok és felhasználás
A „favicon méret” keresésre még mindig 2014-ből örökölt, tizenöt fájlos listák jelennek meg. Valójában ma hat méret lefedi a böngészőfüleket, a keresési találatokat, az iOS-t, az Androidot és a PWA-kat. Megmutatjuk, melyek ezek és miért szükségesek.
Útmutató elolvasásaPNG átalakítása ICO-vá, ingyen
A webhely gyökérkönyvtárában továbbra is az .ico az elvárt formátum, de a legtöbb online átalakító szerverre töltteti fel a képet. Így készíthetsz PNG-ből helyes, többméretű favicon.ico fájlt feltöltés nélkül.
Útmutató elolvasásaApple Touch ikon: méret, formátum és kód
Az Apple Touch ikon kifejezetten azt a képet adja meg, amelyet az iPhone kezdőképernyőjéhez hozzáadott webhely használ. Ez különbözik a böngészőfül faviconjától és a webalkalmazás-jegyzékben megadott ikonoktól.
Útmutató elolvasásaSötét módhoz igazodó favicon SVG-vel
Az átlátszó hátterű fekete logó világos fülön tökéletes, sötéten eltűnik. Az ICO nem tud alkalmazkodni, az SVG-favicon viszont igen: CSS-szabállyal a böngésző témája szerint váltja a színeket.
Útmutató elolvasásaFavicon hozzáadása HTML-ben
A megbízható HTML-favicon nem egyetlen varázslatos címkén múlik. Kevés, elérhető fájlt és a head részbe tett hivatkozásokat használ. Ez az eljárás modern füleket, régebbi klienseket és mobilos parancsikonokat is lefed történelmi változatok halmozása nélkül.
Útmutató elolvasásaNem jelenik meg vagy nem frissül a favicon
Ha hiányzik a favicon, nem mindig a fájl hibás. A böngésző, a CDN, a service worker és a kereső különböző változatokat őrizhet meg. A rendezett hibakeresés elkerüli több tényező egyidejű módosítását.
Útmutató elolvasásaFaviconok a Next.js App Routerben
Az App Router elnevezési szabályok szerinti fájlokból vagy a metadata objektumból is előállítja az ikonelemeket. Mindkét megoldás helyes, de egyértelmű szabály nélküli keverésük könnyen egymással versengő deklarációkat hoz létre.
Útmutató elolvasásaÚtmutató SVG-favicon készítéséhez
Az SVG minden képpontsűrűségnél éles széleket ad, és színeit a témához igazíthatja. Ennek a rugalmasságnak feltétele van: a fájl maradjon önálló, egyszerű és apró helyen is olvasható.
Útmutató elolvasása