Генератор favicon
Перетворюйте простий зображення в ікону веб-сторінки (фавікон) та пакет ікони веб-сайту. Переконайтеся, що дизайн залишається розпізнаваним в невеликих розмірах, завантажуйте файли і слідкуйте за включеним прикладом установки.
Перед тим, як почати
- Вхід
- Один JPG, PNG або статичний WebP зображення.
- Вихід
- ZIP з ICO, PNG іконами, проявом і HTML прикладом.
Завантажити інструмент...
Як використовувати цей інструмент
- Виберіть JPG, PNG або статичний WebP зображення.
- Вирощувати на квадрат або додати падіння і перевірити прогноз ікони.
- Завантажити ZIP і адаптувати прикладні шляхи до вашого сайту.
Поясніть результат
Іконка веб-сторінки (фавікон) часто з'являється в дуже невеликому розмірі. Яскравий символ або буква, як правило, працює краще, ніж детальне мистецтво або невеликий текст. Зроблені файли все ще повинні бути завантажені і відправлені вашим сайтом.
Чому іконка на панелі сайту (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?
І ні. Файли ікони та базовий веб-маніфест є лише частиною налаштування веб-прикладу.
Чому моє логотип важко читати на 16 пікселях?
Цілі деталі можуть зникнути в такому розмірі. Спробуйте простіший символ, сильнішу форму або більше простору навколо знака.
Пов'язані керівники
Питання чи корекція? mrkcal@mrkcal.com