Фавикон генераторы
Теләсә нинди рәсемне йөкләп, шунда ук күп үлчәмле favicon.ico һәм Apple touch, Android/PWA өчен PNG-иконнар булдырыгыз.
Сезнең сурәт
Биредә рәсемне тартып куегыз
яки файлларыгызны карагыз — PNG, JPG яки WEBP
Иконналарның үлчәмнәре
Ясалачак үлчәмнәрне сайлагыз — favicon.ico һәрвакыт 16/32/48 пиксельле вариантларны үз эченә ала.
Бәяләмәләр
Фавикон генераторы турында белергә кирәк булган бөтен нәрсә
Сезгә чынлап та нинди үлчәмнәр кирәк, .ico форматы ничек эшли һәм иконкаларны сайтка ничек өстәргә.
- Квадрат рәсемне йөкләгез һәм шунда ук favicon.ico белән Apple/Android өчен PNG-файллар алыгыз.
- Барысы да сезнең браузерда җирле рәвештә эшли — сезнең рәсем беркайчан да йөкләнми.
- Һәр үлчәмдә иң ачык нәтиҗәләр алу өчен кимендә 512×512 пиксель зурлыктагы квадрат рәсемнән башлагыз.
Favicon генераторын ничек кулланырга
- Сүрәт файлын сузып куегыз яки сайлагыз — идеаль очракта кимендә 512×512 пиксель зурлыктагы квадрат сүрәт.
- Кирәкле иконка зурлыкларын сайлагыз: favicon.ico, Apple Touch һәм Android/PWA өчен PNG-файллар.
- favicon.ico-ны турыдан-туры йөкләп алыгыз, яки сайланган барлык PNG үлчәмнәрен бер ZIP-архив итеп йөкләп алыгыз.
Нигә фавикон ясарга?
Фавикон — браузерлар вкладкаларда, закладкаларда һәм тарихта күрсәтә торган кечкенә иконка, һәм шул ук төп рәсем хәзер телефоннардагы баш экран иконкаларын һәм PWA кебек кушымта урнаштыруларында да кулланыла. Барлык кирәкле үлчәмнәрне кулдан дөрес итеп көйләү өчен бер үк рәсемне төрле пиксель үлчәмнәрдә кабат-кабат экспортлап, аннары кайберләрен бер .ico файлына тупларга кирәк.
Бу корал моны бер үтүдә башкара: рәсемне бер тапкыр йөкләп, ул барлык киң таралган үлчәмнәрне һәм браузерыгызда дөрес итеп пакетланган favicon.ico файлын да булдыра.
Сезгә чынлап та кайсы үлчәмнәр кирәк?
| Зурлык | Кулланыла өчен | Нигә тикшерергә кирәк |
|---|---|---|
| 16/32/48px (.ico) Төп | Браузер вкладкалары, закладкалар, эш өстәле кыскартмалары | Классик фавикон — һәр браузер моны көтә. |
| 180×180px | iOS «Баш экранга өстәргә» | Apple җайланмалары нәкъ менә бу билгеле зурлыкны һәм файл исемен эзли. |
| 192×192 һәм 512×512 пиксель | Android баш экраны, PWA урнаштыру кисәтүләре | Күпчелек веб-кушымта манифестлары ачык һәм чиста урнаштыру иконасы таләп итә. |
Файлыгызны йөкләмичә фавикон генераторы
Сезнең рәсемегез браузерыгызда Canvas API ярдәмендә JavaScript тарафыннан турыдан-туры укыла — ул җайланмагызда гына киңлеге үзгәртелә, яңадан сызыла һәм .ico һәм .zip файлларына пакетлана. Ул беркайчан да серверга тапшырылмый, логламый һәм сакланмый.
Чөнки бернинди файл да йөкләнми, сервер ягында файл зурлыгына чик куелмаган; бердәнбер гамәли чик — браузерыгызның рәсемне хәтергә уңайлы итеп йөкли алу зурлыгы.
Сезнең рәсем җайланмагыздан беркайчан да чыкмый. Зурлыкны үзгәртү һәм пакетлау тулысынча клиент ягында башкарыла, берни дә теркәлми һәм сакланмый.
Башта чыганак рәсеменең үлчәмен үзгәртергә кирәкме? Image Resizer коралы аны алдан әзерләргә ярдәм итә ала.
.ico vs. PNG — сезгә чынлап та кайсысы кирәк?
| Формат | Иң яхшысы өчен | Алмаш-биреш |
|---|---|---|
| favicon.ico Моны һәрвакыт кертегез | Браузер вкладкалары һәм закладкалары | Бер файлда берничә зурлыкны берләштерә, ләкин төп экран иконкалары өчен кулланылмый. |
| PNG иконкалары (180/192/512px) | Баш экран һәм PWA урнаштыру иконкалары | Apple/Android өчен аерым кирәк — .ico файлы гына җитми. |
Күпчелек сайтларга икесе дә кирәк: браузер вкладкасы өчен .ico рәсеме һәм HTML `<link>` тегләрендә һәм веб-кушымта манифестында күрсәтелгән өй экраны иконкалары өчен PNG җыелмасы.
Кешеләр Favicon Generator-ны нәрсә өчен куллана?
- Яңа веб-сайтлар: логотиптан тулы фавикон һәм тач-иконнар җыелмасын булдыру.
- Ребрендинг: иске фавиконны барлык урыннарда кире алыштыру.
- PWAлар һәм веб-кушымталар: веб-кушымта манифесты таләп иткән иконка үлчәмнәрен булдыру.
- Статик сайт генераторлары проектның публич папкасына турыдан-туры урнаштырырга мөмкин икон активларын булдыра.
- Клиент эше: дизайн программаларын кулланмыйча тиз арада тулы иконкалар җыелмасын тапшыру.
Бу корал ничек эшли
Сезнең рәсемегез HTML канвасында һәр сайланган чишелештә үлчәме үзгәртелә, аннары стандартларга туры килгән .ico контейнерына (эченә урнаштырылган PNG рамкалары белән) һәм, теләсәгез, аерым PNG файлларының .zip архивына төрелә — болар барысы да браузерыгызда JavaScript аша турыдан-туры эшләнә, берни дә йөкләнми, сакланмый һәм логламый.
Соңгы яңарту: 2026 елның 14 сентябре.
Бу кулланма файдалы булдымы?
Кораллар тартмасында тагын да күбрәк кораллар
Өй битендә тагын ун дүрт бушлай, API-ачкычсыз корал урнаштырылган.
Сүзләр саны исәпләүче
Сүзләр, символлар, җөмләләр һәм абзацлар санын турыдан-туры исәпләү.
Сүрәтне үлчәмгә китергеч
JPG, PNG һәм WEBP рәсемнәрнең зурлыгын пиксельләр яки процентлар буенча үзгәртегез.
Сүрәтне PDF-ка
Рәсемнәрне бер PDF-файлга берләштерегез, аны йөкләп алырга мөмкин булсын.
JSON форматлаучы
JSONны матурлаштырыгыз, минификацияләгез һәм хата ишарәләре белән валидацияләгез.
Параметрлар генераторы
Үз кагыйдәләре буенча көчле очраклы парольләр