Balík favicon je ľahké podceniť. Mnoho ľudí si to predstavuje ako jeden malý obrázok na karte prehliadača, no moderná stránka zvyčajne potrebuje malý súbor súvisiacich aktív. Ikona karty prehliadača je len jedna plocha. Mobilné skratky, ikony Androidu, dotykové ikony Apple a odkazy na manifesty môžu potrebovať svoje vlastné súbory.
Praktickým cieľom nie je zozbierať všetky možné varianty ikon. Cieľom je dodať cielený balík, ktorý pokrýva bežné prehliadače a povrchy podobné aplikáciám bez toho, aby sa príprava na spustenie zmenila na manuálny export. Favicon / App Icon Generator v Converty je postavený na tejto úlohe: začnite od jedného štvorcového obrázka a stiahnite si balík so spoločnými súbormi.
Základný súbor je stále favicon.ico
favicon.ico zostáva najznámejším súborom favicon. Je to aktívum, ktoré ľudia očakávajú, že bude spojené s kartami prehliadača, záložkami a staršími konvenciami favicon.
Aj keď stránka obsahuje aj ikony PNG a webový manifest, favicon.ico je stále užitočné, pretože pokrýva tradičnú cestu, ktorej rozumie mnoho prehliadačov a nástrojov. V prípade jednoduchých stránok je to často prvý súbor, ktorý niekto skontroluje, keď ikona karty nevyzerá správne.
Ikony PNG pokrývajú moderné povrchy
Balíky moderných ikon zvyčajne obsahujú súbory PNG vo viacerých veľkostiach. Rôzne prehliadače, skratky a kontexty zobrazenia môžu používať rôzne rozmery. Pri exporte iba jednej veľkosti môže prehliadač alebo zariadenie zmeniť mierku obrázka, čo môže spôsobiť, že malé ikony budú jemné alebo preplnené.
Preto je dôležitá zdrojová kresba. Štvorcový, jednoduchý a čitateľný obrázok poskytuje lepšie výsledky v celom balení ako detailná grafika vtesnaná do niekoľkých veľkostí. Konverzia nedokáže premeniť zložité logo na dokonalú drobnú značku, ale môže odstrániť opakujúce sa exportné práce, keď budete mať vhodný zdroj.
Dotykové ikony Apple a ikony Android slúžia na rôzne povrchy
Dotykové ikony Apple sa používajú pre plochy skratiek zariadenia Apple. Ikony pripravené pre Android podporujú súvisiace prípady inštalácie a skratiek na platformách orientovaných na Android.
Tieto súbory sa dajú ľahko zabudnúť, pretože nie sú vždy viditeľné počas bežnej kontroly prehliadača na pracovnej ploche. Stránka môže na karte vyzerať dobre, pričom stále chýbajú aktíva, ktoré sú dôležité, keď ich niekto uloží na domovskú obrazovku zariadenia. Kompletný balík to znižuje pravdepodobnosťou.
Ak sa rozhodujete, či je dotyková ikona Apple oddelená od ikony favicon, prečítajte si Apple Touch Icon vs. Favicon: Čo by mala obsahovať moderná stránka?.
Manifest spája povrchy podobné aplikácii
Štartér site.webmanifest poskytuje webovej aplikácii alebo lokalite miesto na popis ikon a súvisiacich metadát zobrazenia. Nie je náhradou za samotné súbory ikon. Poukazuje na ne, aby kompatibilné povrchy pochopili, aké aktíva sú k dispozícii.
To je dôvod, prečo Converty obsahuje štartovací manifest v balíku. Vygenerovaný súbor vám poskytuje praktický východiskový bod, ale stále musíte umiestniť aktíva do svojho projektu a odkazovať na ne z nastavenia lokality.
Praktický kontrolný zoznam balíčka favicon
Zameraný balík favicon by mal zvyčajne obsahovať:
favicon.ico- viaceré veľkosti ikon PNG
- Výstup dotykovej ikony Apple
- Výstup ikony pripravený na Android
- štartér
site.webmanifest
To stačí pre mnoho malých stránok, spúšťanie SaaS, marketingové stránky a dokumentačné projekty. Špecializovanejšie nastavenia môžu potrebovať ďalšie prostriedky špecifické pre platformu, ale bežný balík odvádza rutinnú prácu z cesty.
Keď máte jeden štvorcový zdrojový obrázok a potrebujete spoločné súbory balíčkov favicon združených v jednom exporte, otvorte generátor ikon favicon/aplikácií. Ak chcete získať širší pracovný postup, prečítajte si článok Ako vygenerovať úplný balík Favicon z jedného obrázka.
