генератор фавикон
Преобразовать любое изображение в фавикон, иконки для Apple, Android и Windows
100 Процентная обработка на стороне клиента
Ваши изображения обрабатываются локально в вашем браузере.Ничто не загружается на любой сервер.
🎨
Drop your image here
или нажмите для просмотра
512512 Поддерживает PNG, JPG, GIF, WebP (рекомендуется: квадратное изображение × или больше)
Источник изображения
Просмотр браузера
Ваш сайт
+
Фавикон отображается в вкладке браузера
Созданные иконы
16×16
favicon.ico
32×32
favicon.ico
48×48
favicon.ico
180×180
Apple Touch
192×192
Android Chrome
512×512
Android Chrome
16×16
PNG
32×32
PNG
180×180
PNG
512×512
PNG
📋 Как использовать эти иконки
Добавьте это на свой сайт <head>Раздел:
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" sizes="32x32" href="/icon-32.png"> <link rel="icon" sizes="16x16" href="/icon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
💡 Совет: Поместите favicon.ico в корневую папку вашего сайта (public_html /) для автоматического обнаружения браузерами.
Зачем вам нужно несколько размеров Favicon?
🖥️
Вкладки браузера
16163232 Браузеры используют фабиконы × или × в вкладках.Ваш файл. eco должен содержать оба размера для четкого отображения.
📱
Устройства Apple
180180 iPhone и iPad используют значки × Apple Touch.Без него ваш сайт получает размытый скриншот вместо этого.
🤖
Android Chrome
192192512512 Android использует значки × и × для закладки на домашнем экране и значки прогрессивного веб-приложения (PWA).