Генератор на favicon
Свържете едно проста изображение в икона на таб страницата (Favicon) и пакета на иконата на сайта. Проверете, че дизайнът остава разпознаваем в малки размери, изтеглете файловете и следвайте примера за инсталация.
Преди да започнете
- Въведение
- Една JPG, PNG или статична WebP изображение.
- Изход
- ZIP с ICO, PNG икони, манифест и HTML пример.
Изтегляне на инструменти...
Как да използваме този инструмент
- Изберете JPG, PNG или статичен WebP изображение.
- Растете на квадрат или добавете падинг и проверете прогнозите на иконата.
- Изтегляне на ZIP и адаптиране на примерните пътища към вашия уебсайт.
Разберете резултата
Иконата на таблата на уебсайта (Favicon) често се появява в много малък размер. Ясен символ или буква обикновено работи по-добре от подробно произведение на изкуството или малък текст. Генерираните файлове все още трябва да бъдат изтеглени и препратени от вашия уебсайт.
Защо иконата на страницата ми (Favicon) изглежда блестяща или твърде малка?
Голяма фраза или подробна снимка може да стане нечитаема в малка таблица на браузъра. Започнете с прост квадратен символ и проверете действителните 16-пикселни и 32-пикселни прогнози. Падирането запазва пълния източник, но може да остави широки логотипи много малки; квадратната коприна запълва иконата и може да отреже краищата му. Проверете и двете опции, преди да инсталирате резултата.
Какви уебсайтове икони (Favicon) файлове трябва да изтегля на сайта си?
ЗИП включва favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Пример за линкове. Първо извлечете архива; изтеглянето на самото ZIP не инсталира иконата. Примерните пътища предполагат, че файловете са в корена на уебсайта. Настройвайте тези пътища за друга папка или използвайте настройката на иконата на сайта на платформата, след което проверете публикуваната страница и нейната кеш.
Опитайте проба
Опитайте оригинална проба, за да проверите поддържания работен поток. Успешната проба не е гаранция за всеки вход.
Оригинална снимка проба ↓Ако резултатът не е това, което очаквате
Сайтът все още показва старата икона.
Създаването на файлове не ги инсталира. Проверете URL адресите на иконата и маркировката на страницата, след това изтрийте кеша на сайта и изпробвайте нова сесия в браузъра. Иконите на браузъра и резултатите от търсенето могат да бъдат актуализирани по различен начин.
Следващ полезен инструмент: SVG в PNG →Важни граници
- Само въвеждане на изображение; първо конвертирайте SVG в PNG.
- Инструментът не променя конфигурацията на вашия сайт.
- Проверете собствения си сайт, след като инсталирате иконите, защото поведението на кеширането и платформата може да се различава.
- Максимално 10 MB 12 милиона пиксела. Изходът включва ICO, PNG икони, уеб манифест и пример HTML в ZIP.
Често задавани въпроси
Това инсталира ли иконата на таблата на уебсайта (Favicon) на моя сайт?
Не е. Той подготвя файлове и пример. Изтеглете файловете и актуализирате маршрутите или настройките на вашия уебсайт.
Дали пакета прави уебсайта ми PWA?
Не е. Иконите на файловете и основния уебmanifest са само част от уеб приложението.
Защо логото ми е трудно да се чете на 16 пиксела?
Детайлите могат да изчезнат в този размер. Опитайте по-прост символ, по-силна форма или повече пространство около марката.
Свързани ръководства
Въпроси или корекция? mrkcal@mrkcal.com