Размерите на favicon, които браузърите и устройствата всъщност искат

Favicon-ът някога означаваше едно малко изображение 16×16. Сега раздел на браузъра, пряк път на началния екран на телефон, лента с отметки, и сензорна икона на Apple всеки очаква свой собствен размер, а предоставянето само на един оставя някои от тези контексти или размазани, или показващи общ резервен икона вместо вашата.

Защо един размер не е достатъчен

Икона 16×16, уголемена, за да запълни слот за икона на началния екран 180×180, изглежда точно толкова пикселирана, колкото всяко малко изображение, разтегнато до голям размер — няма начин да се добави детайл, който не е бил в източника. Всеки контекст, в който се появява favicon, има своя очаквана резолюция, и съвременната практика е да се предостави набор от размери, вместо да се разчита на браузър, който зле уголемява един-единствен малък файл.

Размерите, които си струва да се покрият

• 16×16 и 32×32 — класическите размери на favicon, използвани в разделите на браузъра и списъците с отметки в повечето настолни браузъри.
• 180×180 — размерът, който Apple очаква за иконата на началния екран, когато страница се добавя към началния екран на iPhone или iPad.
• 192×192 и 512×512 — използвани от Android и от манифести на уеб приложения за икони на началния екран и екрани за зареждане в инсталируеми уеб приложения.

Запазване на дизайна четлив при 16px

Генератор на favicon взема едно изходно изображение и произвежда целия комплект стандартни размери наведнъж, изцяло във вашия браузър — но никой генератор не може да поправи дизайн, който не работи при малки размери от самото начало. Фин детайл, тънки линии, и малък текст напълно изчезват при 16×16; проста, удебелена форма или буква, която остава разпознаваема при намаляване, е това, което наистина се чете ясно в раздел на браузъра, независимо колко размера са генерирани от нея.