fixmint
RU

Сделать фавикон из изображения

Перетащите квадратный логотип или картинку либо введите букву и скачайте все размеры иконок одним ZIP-архивом.

  • Работает на вашем устройстве
  • Без регистрации
  • Работает офлайн после первого визита
Вкладка
Вкладка
180 пикселей
512 пикселей
HTML для head

    

Как как сделать фавикон

  1. Перетащите квадратный логотип или картинку либо введите букву для простой иконки.
  2. Посмотрите превью и выберите отступы и фон.
  3. Скачайте ZIP и вставьте HTML в раздел head вашей страницы.

Вопросы

Какие размеры нужны?

Файл favicon.ico с изображениями 16, 32 и 48 пикселей подходит для вкладок браузера и Windows. Добавьте иконку Apple touch 180 пикселей для экранов «Домой» на iPhone и iPad, а также PNG 192 и 512 пикселей, если на сайте есть манифест веб-приложения. В ZIP-архиве есть все эти файлы.

Почему логотип при 16 пикселях выглядит размытым?

Мелкие детали при 16 × 16 не сохраняются. Используйте простой знак или одну-две буквы с сильным контрастом. Превью покажут, как иконка будет выглядеть во вкладке.

Куда положить файлы?

Загрузите их в корневую папку сайта и вставьте строки HTML в head ваших страниц. Браузеры также сами ищут файл /favicon.ico.

Моя картинка загружается на сервер?

Нет. Иконки создаёт ваш браузер. Ничего не покидает ваше устройство.

Отзывы

    Отзывов пока нет. Будьте первым.

    Ваша оценка

    Ваша почта никогда не показывается и не сохраняется.

    Читать далее