Генератор фавиконов
Отбросьте одно изображение и получите полный набор значков — .ico, все размеры PNG и HTML для вставки — ничего не загружая.
Drag & drop a square image or logo here, or click to choose. PNG, JPG, SVG, WEBP — a square source (512×512 or larger) looks best. Your image never leaves your browser, nothing is uploaded.
Paste this into your <head>
Этот генератор значков создает полный, готовый к использованию набор значков из одного квадратного изображения или логотипа, полностью в вашем браузере. Он создает favicon.ico разных размеров (16–256), значки PNG размером 16, 32, 48, 180 (значок Apple-Touch), 192 и 512 пикселей, а также фрагмент заголовка HTML, который ссылается на favicon.ico, apple-touch-icon, размеры PNG и site.webmanifest. Поскольку вся обработка происходит локально с помощью Canvas API, ваше изображение никогда не покидает ваше устройство — нет загрузки, очереди и водяных знаков. Просто добавьте свой логотип, просмотрите каждый сгенерированный размер, загрузите файлы и вставьте фрагмент.
Часто задаваемые вопросы
Что производит этот генератор значков?
Полный набор значков из одного изображения: favicon.ico разных размеров (16, 32, 48, 64, 128 и 256 пикселей в одном файле), значки PNG размером 16×16, 32×32, 48×48, 180×180 (значок Apple Touch), 192×192 и 512×512, а также готовый к вставке фрагмент заголовка HTML.
Загружено ли мое изображение на сервер?
Нет. Этот генератор значков на 100% работает в вашем браузере с использованием Canvas API. Ваше изображение декодируется и перекодируется локально, поэтому ничего не загружается, не сохраняется и не передается другим — оно полностью конфиденциально.
Какого размера и формата должно быть исходное изображение?
Для получения максимально четкого результата используйте квадратное изображение размером не менее 512×512. PNG, JPG, SVG и WEBP работают. Логотипы SVG и большие PNG легко масштабируются до любого размера значка.
Как добавить значок на свой сайт?
Загрузите файлы favicon.ico и PNG в корневую папку вашего сайта, затем скопируйте сгенерированный фрагмент HTML в <head> ваших страниц. Он связывает favicon.ico, PNG 16/32, apple-touch-icon и site.webmanifest.
Для чего нужен значок яблока?
Значок apple-touch размером 180×180 — это значок, который iOS и iPadOS используют, когда кто-то сохраняет ваш сайт на главном экране. Благодаря этому ваша закладка будет выглядеть как родное приложение, а не как размытый снимок экрана.
Зачем создавать файл .ico, а не только PNG?
favicon.ico — это давний файл по умолчанию, который каждый браузер, включая старые, запрашивает в корне сайта. Наш .ico объединяет несколько разрешений в один файл, поэтому браузер всегда выбирает самый четкий размер — и мы по-прежнему предоставляем вам современные PNG.
Сдерживать или прикрывать — что выбрать?
Поместите почтовые ящики целиком в квадрат с прозрачными краями, чтобы весь логотип был виден. Обложка заполняет квадрат от края до края и обрезает переполнение. Используйте Contain для широких логотипов и Cover для уже квадратных значков.
Этот генератор значков действительно бесплатный?
Да, это совершенно бесплатно, без регистрации, ограничений и водяных знаков. Поскольку работа происходит в вашем браузере, вы можете создавать столько наборов значков, сколько захотите.