AIArt.ruAIArt.ru

Фото

PNG в ICO — фавиконка для сайта

Из одной картинки — favicon.ico и все иконки, которые ждут браузеры и телефоны.

I

Фавиконка — маленькая иконка во вкладке браузера и в закладках. Классический вариант — файл favicon.ico, внутри которого лежат несколько размеров: 16, 32 и 48 пикселей.

Включите «Набор для сайта» — в архиве будут favicon.ico, PNG 16 и 32 px, apple-touch-icon 180 px для iPhone, иконки 192 и 512 px для Android, файл site.webmanifest и готовый код для вставки в <head>.

Лучше всего подходит квадратный PNG от 512 px с прозрачным фоном и простым крупным рисунком: на 16 пикселях мелкие детали превращаются в кашу.

II

Как это работает

  1. 01

    Добавьте картинку

    Квадратный PNG от 512 px, подойдут также JPG и SVG

  2. 02

    Выберите размеры

    Или включите «Набор для сайта»

  3. 03

    Скачайте

    favicon.ico или архив с иконками и кодом

III

Что важно знать

Несколько размеров в одном ICO

От 16 до 256 px

Набор для сайта

apple-touch-icon, иконки Android, манифест

Код для <head>

Готовые теги в архиве

Прямо в браузере

Файл не уходит с устройства

Бесплатно и без регистрации

Без водяных знаков и подписки

IV

Вопросы и ответы

Какие размеры нужны в favicon.ico?+

Обычно 16, 32 и 48 px — они выбраны по умолчанию. Можно добавить 64, 128 и 256 px.

Картинка не квадратная — что будет?+

Она впишется в квадрат с прозрачными полями, пропорции не исказятся.

Как поставить фавиконку на сайт?+

Положите файлы из архива в корень сайта и вставьте строки из head.html в раздел <head> страниц.

Это бесплатно?+

Да, конвертация и сжатие бесплатны, регистрация не нужна. Без аккаунта на сервер можно отправить файл до 100 МБ и видео до 10 минут, после входа — до 500 МБ и 30 минут. В браузере обрабатываются фото до 150 МБ и видео до 1 ГБ.

Куда загружаются мои файлы?+

Файлы обрабатываются прямо в браузере и не загружаются на сервер. Если браузер не справится (редкий кодек или слишком большой файл), файл уйдёт на наш сервер и удалится примерно через час.