Создайте favicon.ico и значки для Apple и Android из картинки или двух букв
Обработка в вашем браузере. Ничего не загружается на сервер.Favicon — это маленький квадрат рядом с вкладкой, и браузеры запрашивают его в нескольких размерах. Из одной картинки или из двух букв инструмент создаёт favicon.ico, значки для Apple и Android и HTML для вставки. Один файл до 20 MB, всё создаётся локально.
Эта страница переведена машинным способом с английского оригинала. Перевод ещё не проверен человеком, поэтому ориентируйтесь на английскую версию. Читать английский оригинал
В поле Создать из оставьте Буквы и введите одну или две буквы либо выберите Картинку и добавьте логотип.
Задайте Фон и Цвет букв и передвиньте Скругление углов между Квадратом и Кругом.
Проверьте предпросмотр значков в натуральную величину и заполните Данные сайта для манифеста, если нужны название и цвет темы.
Нажмите Скачать все значки (zip), затем скопируйте теги из блока Вставьте в <head> на свою страницу.
Генератор favicon создаёт все значки, нужные сайту, из одной картинки или из одной-двух букв. Вы получаете favicon.ico с изображениями 16, 32 и 48 пикселей внутри, значки PNG размером 16, 32, 48, 180, 192 и 512 пикселей, файл site.webmanifest и HTML-теги для вставки на страницу — всё в одном zip.
Если у вас есть логотип, начните с него: выберите квадратную часть, и предпросмотр покажет, как он выглядит в размере вкладки, где мелкие детали пропадают. Если логотипа пока нет, введите инициалы, выберите цвет фона, цвет букв и скругление углов — и через несколько секунд у вас аккуратный текстовый значок. Сайты небольших компаний, портфолио, внутренние панели и личные проекты выглядят законченнее со своим значком на вкладке браузера и на главном экране телефона.
Файл favicon.ico записывает сам инструмент, с изображениями PNG внутри; такую структуру поддерживают все современные браузеры и Windows начиная с Vista. Значок 180 пикселей — это значок Apple touch для iPhone и iPad; значки 192 и 512 пикселей указаны в манифесте для Android и устанавливаемых сайтов.
Ничего не загружается. Картинка рисуется в каждом размере в вашем браузере, а zip собирается на вашем устройстве. Самый чёткий результат даёт квадратное изображение не меньше 512 пикселей; инструмент предупредит, если исходник придётся увеличить. Загрузите файлы в корневую папку сайта или измените путь, чтобы теги указывали туда, где лежат файлы.
Добавьте логотип или введите одну-две буквы и выберите цвета. Проверьте маленькие превью, затем скачайте zip. Положите файлы в корневую папку сайта и вставьте показанные на этой странице HTML-теги в head ваших страниц. Браузеры сами выбирают нужный размер.
Нет. Каждый размер рисуется на canvas в вашем браузере, а favicon.ico, шесть файлов PNG, site.webmanifest и zip собираются на вашем устройстве. Логотип никогда не покидает компьютер, поэтому потом нечего удалять и нигде нет копии вашего знака на сервере.
Браузеры используют 16 и 32 пикселя во вкладках и закладках, Windows — 48, iPhone и iPad — значок Apple touch 180 пикселей, а Android — 192 и 512 пикселей из веб-манифеста. Инструмент создаёт их все, плюс favicon.ico с размерами 16, 32 и 48 внутри.
Да. Добавьте PNG и скачайте только favicon.ico или весь набор. Прозрачность сохраняется, потому что каждый размер внутри значка хранится как PNG. Самый чёткий результат даёт квадратное изображение от 512 пикселей.
Обычно потому, что в логотипе есть мелкие детали или тонкий текст, которые не выдерживают уменьшения до 16 пикселей, или потому, что маленький исходник увеличили для крупных размеров. Попробуйте более простой знак, например первую букву названия, и используйте исходник не меньше 512 пикселей.
Одна картинка до 20 MB. Принимаются JPG, PNG, WebP, GIF, BMP, AVIF и HEIC. В значок из букв помещаются одна или две буквы или цифры; символы и эмодзи не поддерживаются, потому что на разных устройствах они выглядят по-разному.
Всё ещё не получается? Задайте вопрос об инструменте «Генератор favicon» и ответить может любой, кто знает. Учётная запись не нужна.