Как конвертировать PNG в ICO
- Перетащите одно изображение в область загрузки. Лучше всего подходит PNG, но принимаются также JPG, WebP и другие форматы изображений.
- Выберите Размеры значков:
- 16, 32, 48 px (favicon) — стандартный набор для файла
favicon.icoсайта. - 16–256 px (значок Windows) — добавляет версии 64, 128 и 256 px для ярлыков на рабочем столе и приложений.
- 16, 32, 48 px (favicon) — стандартный набор для файла
- Нажмите Создать .ico и скачайте файл значка.
Значок создаётся в вашем браузере; ваше изображение никогда не загружается на сервер и не хранится.
Что такое файл ICO?
ICO — формат значков, который используют Windows и первоначальный стандарт фавиконов для браузеров. В отличие от PNG, один файл .ico — это контейнер, содержащий несколько изображений разных размеров. Операционная система или браузер выбирают наиболее подходящее для каждой ситуации: 16 px для вкладки браузера, 32 px для панели задач или закладки, 48 px для значков на рабочем столе и до 256 px для режима крупных значков.
Этот конвертер сохраняет каждый размер внутри файла ICO как изображение со сжатием PNG. Значки со сжатием PNG полностью сохраняют прозрачность, весят намного меньше несжатых растровых изображений и поддерживаются всеми современными браузерами, а также Windows начиная с Windows Vista.
| Размер | Где используется |
|---|---|
| 16 × 16 | Вкладки браузера, адресная строка, закладки |
| 32 × 32 | Ярлыки на панели задач, вкладки браузера на экранах высокой плотности |
| 48 × 48 | Рабочий стол Windows и ярлыки сайтов |
| 64–256 | Режим крупных значков и дисплеи высокого разрешения в Windows |
Как добавить фавикон на сайт
Загрузите favicon.ico в корень сайта. Браузеры автоматически ищут /favicon.ico, но рекомендуется явно указать его в <head> ваших страниц:
<link rel="icon" href="/favicon.ico" sizes="any">Многие сайты также добавляют PNG размером 180 × 180 px в качестве apple-touch-icon для главного экрана iPhone и iPad. Создать его можно с помощью инструмента Изменить размер изображения.
Советы для чёткого значка
- Начинайте с квадратного изображения размером не меньше 256 × 256 px, а лучше 512 px. Неквадратные изображения плохо вписываются в квадратный формат значка.
- Чем проще, тем лучше. При размере 16 × 16 px тонкие детали и мелкий текст пропадают. Лучше всего работает чёткий символ или одна буква.
- Используйте прозрачный фон (PNG), чтобы значок хорошо смотрелся и в светлой, и в тёмной теме браузера.
- Есть векторный логотип? Сначала отрисуйте его в большом размере с помощью инструмента SVG в PNG, а затем конвертируйте здесь.
Часто задаваемые вопросы
Какие размеры значков выбрать для сайта?
Набор 16, 32, 48 px охватывает вкладки браузера, закладки и ярлыки, а файл остаётся маленьким. Для значков приложений Windows или рабочего стола выберите набор 16–256 px.
Можно ли конвертировать JPG в ICO?
Да. Подойдёт любое изображение, которое может открыть ваш браузер, но у JPG нет прозрачности, поэтому у значка будет сплошной фон.
Достаточно ли одного фавикона в формате PNG?
Современные браузеры принимают фавиконы в PNG и SVG, но файл ICO в корне сайта остаётся самым совместимым запасным вариантом для старых браузеров и инструментов, которые напрямую запрашивают /favicon.ico.
Обновлено