| Файл | Размер | Къде се използва |
|---|---|---|
favicon.ico | 16×16, 32×32, 48×48 | Браузъри и инструменти, които търсят файла автоматично |
favicon-16x16.png | 16×16 | Раздел на браузъра |
favicon-32x32.png | 32×32 | Раздел на браузъра при екрани с висока плътност, отметки |
apple-touch-icon.png | 180×180 | Начален екран на iPhone и iPad |
android-chrome-192x192.png | 192×192 | Начален екран на Android |
android-chrome-512x512.png | 512×512 | Инсталирани уеб приложения и начални екрани |
Генератор на фавикон
Създайте пълен комплект икони за уебсайта си от едно изображение: ICO, Apple Touch, Android и web manifest. Без регистрация и без качване на файлове.
- Работи в браузъра
- Без регистрация
- Безплатно
Зареждане на генератора…
Какво е фавикон
Фавикон (favicon) е малката икона, която идентифицира уебсайта в раздела на браузъра, в отметките и в историята на посещенията. На телефон същата икона се показва и когато сайтът е добавен към началния екран.
Тъй като се вижда в много малък размер, фавиконът работи най-добре с прост знак или част от логото, а не с цялото лого с текст.
Препоръчителни размери на фавикон
Пакетът покрива браузърите, телефоните и уеб приложенията с тези файлове:
Как да инсталирате файловете
След като генерирате пакета, са нужни три стъпки:
- Разархивирайте ZIP файла и качете файловете в главната директория на сайта, така че да се отварят директно след домейна, например /favicon.ico.
- Поставете кода по-долу вътре в секцията <head> на всяка страница.
- Публикувайте промяната и презаредете сайта. Браузърите пазят фавиконите дълго, затова старата икона може да остане видима известно време.
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">ICO или PNG
favicon.ico е контейнер, който съдържа няколко размера в един файл — тук 16×16, 32×32 и 48×48. Много инструменти и браузъри го търсят автоматично в главната директория, затова е добре винаги да присъства.
PNG файловете са отделни изображения с един размер. Съвременните браузъри предпочитат тях, когато са посочени в кода, а Apple и Android използват своите по-големи PNG икони. Двата формата се допълват, затова пакетът съдържа и двата.
Поверителност: изображението не напуска устройството
Целият генератор работи в браузъра ви. Изображението се обработва локално, не се изпраща към сървър и не се запазва. Когато затворите или презаредите страницата, то изчезва.
Често задавани въпроси
Какви размери фавикон са ми нужни?
За съвременен сайт са достатъчни favicon.ico с размери 16×16, 32×32 и 48×48, PNG файлове 16×16 и 32×32, Apple Touch икона 180×180 и икони за Android 192×192 и 512×512. Генераторът създава всички тях наведнъж.
Мога ли да създам фавикон от PNG или SVG?
Да. Генераторът приема PNG, JPG, WebP и SVG файлове до 10 MB. Най-добър резултат дават квадратно изображение или SVG, защото остават ясни при малките размери.
PrintVes качва ли изображението ми?
Не. Изображението се обработва в браузъра на вашето устройство и не се изпраща към сървър. Не е нужна и регистрация.
Как да добавя фавикона към сайта си?
Качете файловете в главната директория на сайта и поставете предоставения HTML код в секцията <head> на страниците. Ако сайтът ви е на платформа за изграждане на сайтове, потърсете настройката за икона на сайта и качете файла, който тя изисква.
Каква е разликата между favicon.ico и PNG иконите?
favicon.ico съдържа няколко размера в един файл и се намира автоматично от много инструменти. PNG иконите са отделни файлове с един размер, които браузърите и мобилните устройства използват, когато са посочени в кода.
Още полезни страници
Логото ви заслужава и повече от икона
Вижте как можем да помогнем с печат, брандиране и рекламно производство.