Favicon package е лесен за подценяване. Много хора мислят за него като за едно tiny image в browser tab, но modern site обикновено има нужда от малък набор related assets. Browser tab icon е само една surface. Mobile shortcuts, Android icons, Apple touch icons и manifest references могат да имат нужда от свои файлове.
Практичната цел не е да съберете всяка възможна icon variant. Целта е да ship-нете фокусиран package, който покрива common browser и app-like surfaces, без launch prep да се превръща в manual export work. Генераторът на favicon / икони за приложение в Converty е построен около тази задача: започвате от едно square image и download-вате bundle с common files заедно.
Основният файл все още е favicon.ico
favicon.ico остава най-познатият favicon file. Това е asset-ът, който хората очакват да видят, свързан с browser tabs, bookmarks и по-стари favicon conventions.
Дори когато сайтът включва PNG icons и web manifest, favicon.ico пак е полезен, защото покрива traditional path, който много browsers и tools разбират. За simple site това често е първият файл, който някой проверява, когато tab icon не изглежда правилно.
PNG icons покриват modern surfaces
Modern icon packages обикновено включват PNG файлове в няколко sizes. Различни browsers, shortcuts и display contexts могат да използват различни dimensions. Ако export-нете само един size, browser-ът или device-ът може да скалира изображението, което прави малките icons меки или претрупани.
Затова source artwork има значение. Square, simple, readable image дава по-добри резултати през целия package от detailed graphic, squeezed в няколко sizes. Converty не може да превърне complex logo в перфектен tiny mark, но може да премахне repetitive export work, след като имате suitable source.
Apple touch icons и Android icons обслужват различни surfaces
Apple touch icons се използват за shortcut surfaces на Apple devices. Android-ready icons поддържат related install и shortcut use cases върху Android-oriented surfaces.
Тези файлове лесно се забравят, защото не винаги са видими по време на normal desktop browser check. Сайтът може да изглежда добре в tab, но пак да му липсват assets, които имат значение, след като някой го запази на device home screen. Complete package прави това по-малко вероятно.
Ако решавате дали Apple touch icon е отделен от favicon, прочетете Apple Touch Icon срещу Favicon: какво трябва да включва модерен сайт?.
Manifest свързва app-like surfaces
Starter site.webmanifest дава на web app или site място да опише icons и related display metadata. Той не е replacement за самите icon files. Той сочи към тях, за да могат compatible surfaces да разберат какви assets са налични.
Затова Converty включва starter manifest в package-а. Генерираният файл дава practical starting point, но пак трябва да поставите assets в проекта и да ги reference-нете от site setup-а.
Практичен favicon package checklist
Фокусиран favicon package обикновено трябва да включва:
favicon.ico- няколко PNG icon sizes
- Apple touch icon output
- Android-ready icon output
- starter
site.webmanifest
Това е достатъчно за много small sites, SaaS launches, marketing pages и documentation projects. По-специализирани setups може да имат нужда от extra platform-specific assets, но common package премахва routine work.
Отворете Генератора на favicon / икони за приложение, когато имате едно square source image и ви трябват common favicon package files в един export. За по-широк workflow прочетете Как да генерирате пълен favicon пакет от едно изображение.
