Изменение размера изображения
Установите размеры изображения и дополнительный предел размера файла JPEG вместе. Сохраните все изображение или добавьте границы для точного холста.
Создавайте значки ICO и PNG, просматривайте крошечные значки и загружайте полный ZIP-файл в свой браузер.
Выберите изображение, установите цвета отступов и фона, проверьте небольшие превью, затем сгенерируйте и загрузите ZIP-архив.
Неподдерживаемый контент SVG был удален. Проверьте предварительный просмотр перед загрузкой.
Предварительный просмотр размером 16, 32 и 48 пикселей отображается в реальном размере. Мелкие детали могут исчезнуть при 16 пикселях.
ZIP-архив содержит 9 файлов: ICO, SVG, пять PNG, манифест значков и фрагмент HTML.
favicon.icofavicon.svgfavicon-16x16.pngfavicon-32x32.pngapple-touch-icon.pngandroid-chrome-192x192.pngandroid-chrome-512x512.pngsite.webmanifestfavicon-html.txt<head>Разместите файлы на своем сайте и настройте пути. Объединить записи значков в существующий манифест.
Выберите изображение, установите цвета отступов и фона, проверьте небольшие превью, затем сгенерируйте и загрузите ZIP-архив.
Пример: загрузите прозрачный логотип размером 1024×1024, сохраните прозрачность и используйте отступы 10%. ZIP-файл содержит ICO (32.16.48), пять PNG, SVG, содержащий PNG, манифест значка и фрагмент HTML. Простые знаки остаются более четкими при разрешении 16 пикселей; мелкие детали могут исчезнуть.
Фавикон — это небольшой значок, который браузеры отображают на вкладках, закладках и в истории рядом с заголовком вашей страницы. Он крошечный — часто всего 16×16 пикселей — поэтому хороший значок простой, высококонтрастный и узнаваемый с первого взгляда. Этот генератор преобразует ваше изображение в стандартные размеры значков исключительно в вашем браузере. Ничего не загружается.
| Файл | Размер | Используется для |
|---|---|---|
| favicon.ico | 16, 32, 48 | Вкладки и закладки браузера |
| favicon.svg | 512 × 512 | браузеры с поддержкой SVG; встроенный PNG |
| favicon-16x16.png, favicon-32x32.png | 16, 32 | Резервные варианты PNG |
| apple-touch-icon.png | 180 × 180 | Главный экран iOS и Safari |
| android-chrome-192x192.png, android-chrome-512x512.png | 192, 512 | Записи значков Android и PWA |
Поддерживаются форматы PNG, JPEG, WebP и обычный SVG. Размер файлов ограничен 10 МБ и 4096 пикселей на сторону. Анимированные изображения не поддерживаются. Входные данные SVG растрируются в вашем браузере; скрипты, внешние ссылки, изображения, таблицы стилей, фильтры и анимация удаляются и не отображаются. В тексте используются доступные локальные шрифты. Проверьте предварительный просмотр, использует ли ваш SVG эти функции.
ICO содержит записи, сжатые в формате PNG размером 16×16, 32×32 и 48×48. При уменьшении масштаба используется многоступенчатая передискретизация, но детализированная фотография по-прежнему теряет детали на уровне 16 пикселей — лучше всего работают простые метки. Прозрачность сохраняется в ICO и PNG при выборе; значок Apple Touch имеет сплошной фон. Выходные данные SVG включают PNG и не являются векторным преобразованием. Ваш оригинал останется неизменным.
Выпустите ICO разных размеров (32.16.48), значок Apple Touch размером 180×180 и PNG-изображения 192/512 для Android. Это общие размеры браузера и устройства, но не гарантия того, что каждая платформа использует каждый файл.
Include the ICO fallback and PNG or SVG alternatives. Скопируйте фрагмент HTML, затем обновите пути, чтобы они соответствовали месту размещения файлов.
Многие современные браузеры поддерживают значки SVG. Сохраните резервный вариант ICO для браузеров, у которых его нет. Этот инструмент встраивает PNG 512×512 в SVG; он не преобразует ваш логотип в векторные контуры.
Браузеры агрессивно кэшируют значки. Попробуйте выполнить принудительное обновление или очистить кеш браузера. Проверьте пути к файлам и измените имя файла или запрос версии, если кэшированный значок сохраняется.
Значок Apple Touch всегда выравнивается по цвету фона Apple, который вы выбираете здесь. ICO и другие файлы PNG сохраняют прозрачность при выборе.
Нет. Манифест содержит только записи значков. Объедините их с существующим манифестом или добавьте имя, начальный URL-адрес и другие настройки PWA, необходимые вашему сайту.