Генератор на фавикони

Превърнете един PNG, JPG или SVG файл във favicon.ico и всеки необходим размер на икона за Вашия сайт, събрани в ZIP архив.

Неквадратно изображение

Цялото изображение остава видимо, центрирано с отстъпи около него.

Фон

Прозрачният фон е подходящ за раздели на браузъра; за икони на началния екран на iPhone фоновият цвят е по-сигурен избор.

Вашият пакет с икони

Вашата фавикона (favicon) и пакетът с икони ще се появят тук.

Готово. Добавете PNG, JPG или SVG, за да започнете.

Вашето изображение се превръща в икони директно във Вашия браузър. Нищо не се качва в BroBroGo.

ЧЗВ

Кои файлове са включени в пакета с икони?

favicon.ico с версии от 16, 32 и 48 пиксела вътре, PNG икони с размери 16, 32, 180, 192 и 512 пиксела, както и файл site.webmanifest, който описва големите икони. Ако започнете от SVG, самият векторен файл също се включва. Един ZIP архив съдържа всичко.

Какъв размер трябва да бъде изходното изображение?

Файл в SVG формат е идеален — всяка икона се изчертава от вектора, така че дори при 16 пиксела остава ясна. За PNG или JPG започнете с размер поне 512 × 512; по-малките изображения се увеличават и могат да изглеждат размазани.

Трябва ли фонът да бъде прозрачен или цветен?

Иконите за раздели изглеждат добре с прозрачен фон. Началните екрани на iPhone и iPad обаче запълват прозрачните зони с черно — ако има вероятност потребителите да добавят сайта Ви към началния си екран, изберете фонов цвят.

Какво се случва с изображение, което не е квадратно?

Иконите са квадратни, но Вашето изображение никога не се разтяга. По подразбиране то се центрира с отстъпи около него; превключете на „Запълване (изрязване)“, за да изрежете излишните краища.

Къде трябва да се поставят файловете на сайта ми?

Качете ги в основната папка на сайта си, така че favicon.ico да е достъпен на адрес /favicon.ico, след което поставете генерираните редове в секцията <head> на страниците си. Браузърите сами избират правилния размер.