Генератор фавикона: создать фавикон из PNG онлайн

Файлы значков, необходимые сайту

Браузеры используют значок 32 × 32 для вкладок и закладок, iPhone и iPad — значок 180 × 180 для ярлыков на главном экране, а устанавливаемые веб-приложения указывают значки 192 × 192 и 512 × 512 в своём манифесте. Первые два значка подключите в заголовке страницы с помощью <link rel="icon" href="/favicon-32.png" sizes="32x32"> и <link rel="apple-touch-icon" href="/apple-touch-icon.png">.

Google показывает favicon сайта в результатах поиска и требует квадратный значок, размер которого кратен 48 пикселям, поэтому стоит также подключить версию 48, 96 или 144 пикселя.

Дизайн для 16 пикселей

Фавикон часто отображается в размере 16 × 16, поэтому текст, тонкие линии и мелкие детали исчезают. Используйте одну букву или максимально простую форму логотипа с высокой контрастностью. iOS показывает прозрачные части значка домашнего экрана чёрными, поэтому добавьте сплошной фон в версию размером 180 пикселей.

Для полного пакета, включая файл .ico нескольких размеров и манифест веб-приложения, используйте конвертер фавиконов; для значков приложений iPhone, iPad и Android — генератор значков приложений.

Как пользоваться

1. Выберите квадратное или прямоугольное исходное изображение.
2. Выберите стандартный размер иконки.
3. Создайте и скачайте подогнанный PNG.

Конфиденциальность и ограничения

Создание иконки выполняется в вашем браузере. Инструмент создаёт файлы PNG, а не контейнер ICO с несколькими разрешениями.