Генератор значков значков
Превратите простое изображение в пакет значков значков и веб-сайтов. Убедитесь, что дизайн остается узнаваемым при небольших размерах, загрузите файлы и следуйте прилагаемому примеру установки.
Прежде чем начать
- Ввод
- Одно изображение JPG, PNG или статическое изображение WebP.
- Вывод
- ZIP-файл со значками ICO, PNG, манифестом и примером HTML.
Инструмент загрузки…
Как использовать этот инструмент
- Выберите изображение JPG, PNG или статическое изображение WebP.
- Обрежьте до квадрата или добавьте отступы и проверьте предварительный просмотр значков.
- Загрузите ZIP-архив и адаптируйте примеры путей к своему веб-сайту.
Понять результат
Значок часто имеет очень маленький размер. Четкий символ или буква обычно работает лучше, чем детальное изображение или крошечный текст. Сгенерированные файлы по-прежнему необходимо загружать и использовать на вашем веб-сайте.
Подготовьте небольшой понятный значок.
Перед загрузкой проверьте 16-пиксельный предварительный просмотр. Не ожидайте, что широкая надпись или полная фотография останутся читаемыми на крошечном квадрате.
Попробуйте образец
Попробуйте исходный образец, чтобы проверить поддерживаемый рабочий процесс. Успешная выборка не является гарантией всех исходных данных.
Пример исходного изображения ↓
Если результат не соответствует ожиданиям
На сайте по-прежнему отображается старый значок.
При создании файлов они не устанавливаются. Проверьте URL-адреса значков и разметку страниц, затем очистите кеш сайта и протестируйте новый сеанс браузера. Значки браузера и результатов поиска могут обновляться в разное время.
Следующий полезный инструмент: от SVG до PNG →Важные ограничения
- Только ввод изображения; сначала преобразуйте SVG в PNG.
- Этот инструмент не изменяет конфигурацию вашего веб-сайта.
- После установки значков проверьте свой веб-сайт, поскольку поведение кэширования и платформы может отличаться.
- Максимум 10 MB и 12 миллионов пикселей. Выходные данные включают значки ICO, PNG, веб-манифест и пример HTML в ZIP-архиве.
Часто задаваемые вопросы
Установит ли это значок на моем сайте?
Нет. Он готовит файлы и пример. Загрузите файлы и обновите пути или настройки вашего веб-сайта.
Превращает ли пакет мой веб-сайт в PWA?
Нет. Файлы значков и базовый веб-манифест являются лишь частью настройки веб-приложения.
Почему мой логотип плохо читается при разрешении 16 пикселей?
При таком размере мелкие детали могут исчезнуть. Попробуйте использовать более простой символ, более четкую форму или больше места вокруг знака.
Связанные руководства
Вопросы или исправление? mrkcal@mrkcal.com