Favicon balíček se snadno podcení. Mnoho lidí si ho představí jako jeden malý obrázek v kartě prohlížeče, ale moderní web obvykle potřebuje malou sadu souvisejících assetů. Ikona v kartě prohlížeče je jen jedna plocha. Mobilní zkratky, Android ikony, Apple touch ikony a reference v manifestu mohou všechny potřebovat vlastní soubory.
Praktickým cílem není nasbírat každou možnou variantu ikony. Cílem je dodat soustředěný balíček, který pokryje běžné prohlížečové a app-like plochy bez toho, aby se launch prep změnil v ruční exportování. Convertyho Generátor favicon / ikon aplikace je postavený právě kolem tohoto úkolu: začít z jednoho čtvercového obrázku a stáhnout bundle s běžnými soubory pohromadě.
Základním souborem zůstává favicon.ico
favicon.ico zůstává nejznámějším favicon souborem. Je to asset, který lidé očekávají u karet prohlížeče, záložek a starších favicon konvencí.
I když web obsahuje také PNG ikony a web manifest, favicon.ico je stále užitečný, protože pokrývá tradiční cestu, které rozumí mnoho prohlížečů a nástrojů. U jednoduchého webu je to často první soubor, který někdo zkontroluje, když ikona v kartě nevypadá správně.
PNG ikony pokrývají moderní plochy
Moderní balíčky ikon obvykle obsahují PNG soubory v několika velikostech. Různé prohlížeče, zkratky a kontexty zobrazení mohou používat různé rozměry. Export jen jedné velikosti může nechat prohlížeč nebo zařízení obrázek škálovat, což může malé ikony změkčit nebo přeplnit.
Proto záleží na zdrojové grafice. Čtvercový, jednoduchý a čitelný obrázek vytvoří lepší výsledky napříč balíčkem než detailní grafika vtěsnaná do několika velikostí. Converty neumí z komplexního loga udělat perfektní drobnou značku, ale jakmile máte vhodný zdroj, odstraní opakovanou exportní práci.
Apple touch ikony a Android ikony slouží různým plochám
Apple touch ikony se používají pro zkratky na Apple zařízeních. Android-ready ikony podporují příbuzné instalační a shortcut use case na Android-oriented plochách.
Na tyto soubory se snadno zapomíná, protože nejsou vždy vidět při běžné desktopové kontrole v prohlížeči. Web může v kartě vypadat dobře a přitom mu mohou chybět assety, které jsou důležité po uložení na domovskou obrazovku zařízení. Kompletní balíček tuto pravděpodobnost snižuje.
Pokud řešíte, jestli je Apple touch icon něco jiného než favicon, přečtěte si Apple Touch Icon vs Favicon: co má moderní web obsahovat?.
Manifest spojuje app-like plochy
Startovací site.webmanifest dává webové aplikaci nebo webu místo, kde popsat ikony a související display metadata. Není to náhrada za samotné soubory ikon. Ukazuje na ně, aby kompatibilní plochy rozuměly, jaké assety jsou dostupné.
Proto Converty do balíčku přidává startovací manifest. Vygenerovaný soubor dává praktický výchozí bod, ale assety stále musíte vložit do projektu a odkázat je z nastavení webu.
Praktický checklist favicon balíčku
Soustředěný favicon balíček by obvykle měl obsahovat:
favicon.ico- několik velikostí PNG ikon
- Apple touch icon output
- Android-ready icon output
- startovací
site.webmanifest
To stačí pro mnoho malých webů, SaaS launchů, marketingových stránek a dokumentačních projektů. Specializovanější setupy mohou potřebovat další platform-specific assety, ale běžný balíček odvede rutinní práci.
Otevřete Generátor favicon / ikon aplikace, když máte jeden čtvercový zdrojový obrázek a potřebujete běžné favicon soubory v jednom exportu. Pro širší workflow si přečtěte Jak vygenerovat kompletní balíček favicon z jednoho obrázku.
