Създайте пълен пакет с favicon-и от лого, шрифтова икона или монограма — favicon.ico, съвременни PNG, икона Apple touch, PWA икони, уеб манифест и HTML фрагмент.

Качете лого, изберете шрифтова икона или въведете монограма — ние генерираме всяка favicon, от която се нуждае един съвременен сайт: от класическата favicon.ico до иконата Apple touch, PWA иконите и готов за поставяне HTML фрагмент.

Пуснете PNG тук или щракнете за качване
Препоръчва се прозрачен PNG · приема също JPG / WebP
64%
Цвят на фона
0%
Използва се от интерфейса на браузъра и манифеста на PWA.
Вашият сайт
example.com
Отметка · 32px
Apple touch · 180px
PWA · 512px

Вашият пакет с favicon-и е готов
Изтеглянето на ZIP започна. Разархивирайте го в корена на вашия сайт и поставете HTML фрагмента във вашия <head>.

За Генератор на favicon

Генераторът на фавикони изгражда всяка икона, от която се нуждае модерен уебсайт, от един източник: качете PNG лого, изберете шрифтова икона или въведете монограм. Пакетът включва класическия favicon.ico (16, 32 и 48 px), модерни PNG фавикони, 180 px Apple touch икона, 192 и 512 px PWA икони, site.webmanifest и HTML фрагмента за секцията head.

Стилизирането се обработва в инструмента: изберете цвят на фона или запазете прозрачност, изрежете в квадратна, заоблена или кръгла форма, настройте отстоянието и размера на графиката и задайте темовия цвят, използван от интерфейса на браузъра и PWA манифеста. Жив преглед показва иконата ви в реални контексти — раздел в браузъра от 16 px, отметка, плочка за Apple touch и PWA икона.

Всичко се изобразява на canvas във вашия браузър, а „Генериране“ сглобява целия пакет в ZIP с README. Инсталацията е в две стъпки: разархивирайте в корена на сайта си и поставете предоставения фрагмент в секцията <head>.

Как да използвате Генератор на favicon

  1. Изберете източника си: качете PNG лого, изберете шрифтова икона или въведете монограм.
  2. Стилизирайте го — цвят на фона или прозрачност, форма, отстояние и размер на графиката.
  3. Попълнете името на сайта, краткото име и темовия цвят за PWA манифеста.
  4. Проверете прегледите: раздел в браузъра, отметка, Apple touch и PWA контексти.
  5. Кликнете „Генериране на фавикони“ и разархивирайте пакета в корена на уебсайта си.
  6. Поставете HTML фрагмента от пакета в секцията <head> на страницата си.

Често задавани въпроси

Да — пълният пакет, включително .ico файла, всички PNG размери, манифеста и HTML фрагмента, е безплатен за генериране и изтегляне.

favicon.ico със слоеве от 16, 32 и 48 px, модерни PNG фавикони, 180 px apple-touch-icon, 192 и 512 px PWA икони, site.webmanifest, готовия за поставяне HTML фрагмент и README със стъпки за инсталация.

Да. Браузърите и роботите все още изискват /favicon.ico като резервен вариант, а по-старите клиенти разчитат на него. Пакетът го включва заедно с модерните PNG връзки, така че всеки посетител получава рязка икона.

Разархивирайте архива в корена на уебсайта си, така че файловете да се озоват в корена на домейна, след което поставете предоставения HTML фрагмент в секцията <head> на страниците си. README в ZIP файла повтаря тези стъпки.

Той се записва в манифеста и мета таговете, оцветявайки интерфейса на браузъра на мобилни устройства и заглавната лента и екрана за зареждане на инсталираното PWA, така че да съответстват на вашата марка.

Да. Въведете едно- или двубуквен монограм и изберете шрифт и цветове или изберете глиф от библиотеката с шрифтови икони — генераторът го изобразява във всеки размер точно като качено лого.

Сподели

Популярни търсения
генератор favicon създаване favicon.ico създаване favicon онлайн Apple touch икона PWA генератор икони favicon от лого
Нуждаете се от помощ?
Открихте проблем с този инструмент? Кажете ни.
Докладване на проблем

Добавете този безплатен инструмент към собствения си уебсайт — копирайте и поставете кода по-долу.