Как пользоваться
Выберите JPEG, PNG, WebP или GIF. «Создать файл» собирает пакет. «Скачать» сохраняет ZIP. Положите файлы на сайт и скопируйте теги ссылок из README.txt в элемент head.
Пример
README.txt содержит link-теги для иконки, PNG 32 пикселя и Apple touch icon.
Ввод
A square logo PNGРезультат
favicon-pack.zip с favicon.ico, PNG 16, 32, 48 и 180 пикселей и README.txtКак это работает
Каждый размер рисуется на белом квадрате, чтобы прозрачный логотип был виден на светлой и тёмной панели браузера. favicon.ico содержит PNG 16 и 32 пикселя в контейнере PNG-in-ICO. PNG 48 — общая иконка ярлыка. PNG 180 — размер Apple touch. ZIP хранится без пересжатия и включает HTML-фрагмент.
Частые ошибки
- Иконка обрезана Источник растягивается до квадрата. Начните с квадратного изображения, если нельзя растягивать.
- Старый браузер игнорирует favicon.ico ICO использует встроенные PNG, которые читают современные браузеры. Отдельные PNG — запасной вариант из README.
- ZIP не появился Сначала должна успешно завершиться сборка файла. Повреждённое изображение падает до сборки пакета.
Ограничения
Пакет не включает web app manifest, SVG-favicon или maskable-иконку 512 пикселей. Анимация сводится к одному кадру. Файлы больше 15 МБ или 8000 пикселей по стороне отклоняются. Изображение не загружается.
Конфиденциальность
Файл остаётся в вашем браузере. PepsTools не загружает его, не сохраняет и не отправляет в другой сервис. Очистите инструмент или покиньте страницу, чтобы убрать его из памяти.
Вопросы
Какие теги использовать на сайте?
README в ZIP перечисляет ссылку favicon.ico, PNG 32 пикселя и apple-touch-icon. Скопируйте их в head и поправьте пути.