A favicon csomagot könnyű alábecsülni. Sokan úgy gondolják, mint egy apró kép egy böngészőlapon, de egy modern webhelynek általában egy kis kapcsolódó eszközkészletre van szüksége. A böngésző lap ikonja csak egy felület. A mobil parancsikonoknak, az Android ikonoknak, az Apple érintőképernyős ikonoknak és a jegyzékreferenciáknak egyaránt szükségük lehet saját fájlokra.
A gyakorlati cél nem az, hogy minden lehetséges ikonváltozatot összegyűjtsünk. A cél egy olyan célzott csomag szállítása, amely lefedi a gyakori böngésző- és alkalmazásszerű felületeket anélkül, hogy az indítási előkészítést kézi exportálási munkává változtatná. A Favicon / App Icon Generator a Convertyben erre a feladatra épül: kezdje el egy négyzet alakú képből, és töltse le a közös fájlokat tartalmazó csomagot.
Az alapfájl továbbra is favicon.ico
A favicon.ico továbbra is a legismertebb favicon fájl. Ez az az eszköz, amelyet az emberek a böngésző lapjaihoz, könyvjelzőihez és régebbi favicon-konvencióihoz társítva várnak.
Még ha egy webhely PNG-ikonokat és webes jegyzéket is tartalmaz, a favicon.ico továbbra is hasznos, mert egy hagyományos útvonalat fed le, amelyet sok böngésző és eszköz megért. Egy egyszerű webhelyen gyakran ez az első fájl, amelyet valaki ellenőrzött, amikor a lap ikon nem jól néz ki.
A PNG ikonok modern felületeket takarnak
A modern ikoncsomagok általában többféle méretű PNG-fájlt tartalmaznak. A különböző böngészők, parancsikonok és megjelenítési kontextusok eltérő méreteket használhatnak. Ha csak egy méretet exportál, a böngésző vagy az eszköz átméretezheti a képet, amitől a kis ikonok puhának vagy zsúfoltnak tűnhetnek.
Ezért számít a forrás alkotás. Egy négyzet alakú, egyszerű, olvasható kép jobb eredményeket produkál az egész csomagban, mint a több méretre összenyomott részletes grafika. Az átalakítás nem változtathat egy összetett logót tökéletes apró jellé, de eltávolíthatja az ismétlődő exportálási munkát, ha megfelelő forrással rendelkezik.
Az Apple érintőképernyős ikonok és az Android ikonok különböző felületeket szolgálnak ki
Az Apple érintőképernyős ikonok az Apple eszközök parancsikonfelületeihez használatosak. Az Android-kompatibilis ikonok támogatják a kapcsolódó telepítési és parancsikonhasználati eseteket Android-orientált felületeken.
Ezeket a fájlokat könnyű elfelejteni, mert nem mindig láthatók a normál asztali böngészőellenőrzés során. A webhely jól nézhet ki egy lapon, miközben továbbra is hiányoznak a fontos elemek, miután valaki elmenti az eszköz kezdőképernyőjére. A teljes csomag ezt kevésbé valószínűvé teszi.
Ha eldönti, hogy az Apple érintőképernyős ikonja elkülönül-e a kedvenc ikonoktól, olvassa el a következőt: Apple Touch Icon vs Favicon: Mit kell tartalmaznia egy modern webhelynek?.
A jegyzék összekapcsolja az alkalmazásszerű felületeket
A kezdő site.webmanifest lehetőséget ad egy internetes alkalmazásnak vagy webhelynek az ikonok és a kapcsolódó megjelenítési metaadatok leírására. Nem helyettesíti magukat az ikonfájlokat. Rájuk mutat, így a kompatibilis felületek megérthetik, milyen eszközök állnak rendelkezésre.
Ezért a Converty tartalmaz egy induló jegyzéket a csomagban. A generált fájl praktikus kiindulópontot ad, de továbbra is el kell helyeznie az eszközöket a projektben, és hivatkoznia kell rájuk a webhely beállításaiból.
Egy praktikus favicon csomag ellenőrző lista
A fókuszált favicon csomagnak általában a következőket kell tartalmaznia:
favicon.ico- Több PNG ikonméret
- Apple érintőképernyős ikon kimenet
- Android-kompatibilis ikonkimenet
- induló
site.webmanifest
Ez sok kis webhelyhez, SaaS-indításokhoz, marketingoldalakhoz és dokumentációs projektekhez elegendő. A speciálisabb beállításokhoz extra platform-specifikus eszközökre lehet szükség, de a közös csomag kiküszöböli a rutinmunkát.
Nyissa meg a Favicon / App Icon Generator alkalmazást, ha van egy négyzet alakú forrásképe, és szüksége van a közös favicon csomagfájlokra egyetlen exportálásban. A szélesebb körű munkafolyamathoz olvassa el a Hogyan generáljunk teljes favicon-csomagot egy képből című részt.
