Фавикон генератору
Кандай гана сүрөттү жүктөп, Apple Touch жана Android/PWA үчүн ар кандай өлчөмдөгү favicon.ico жана PNG иконкаларын дароо түзүңүз.
Сиздин сүрөтүңүз
Сүрөттү бул жерге сүйрөп түшүрүңүз
же файлдарыңызды карап чыгыңыз — PNG, JPG же WEBP
Иконкалардын өлчөмдөрү
Кайсы өлчөмдөрдү түзөрүңүздү тандаңыз — favicon.ico ар дайым 16/32/48 пикселди камтыйт.
Сын-пикирлер
Favicon генератору жөнүндө билишиңиз керек болгон бардык нерсе
Чындыгында кайсы өлчөмдөр керек экенин, .ico форматы кандай иштээрин жана иконкаларды сайтка кантип кошууну.
- Төрт бурчтуу сүрөттү жүктөп, favicon.ico жана Apple/Android үчүн PNG файлдарын дароо алыңыз.
- Баары браузериңизде жергиликтүү түрдө иштейт — сүрөтүңүз эч качан жүктөлбөйт.
- Ар кандай өлчөмдө эң так натыйжа алуу үчүн кеминде 512×512 пикселдүү тик бурчтуу сүрөттөн баштаңыз.
Favicon генераторун кантип колдонуу керек
- Сүрөт файлын сүйрөп түшүрүңүз же тандаңыз — эң жакшысы кеминде 512×512 пиксел өлчөмүндөгү тик бурчтуу сүрөт.
- Кайсы иконка өлчөмдөрү керек экенин тандаңыз: favicon.ico, ошондой эле Apple Touch жана Android/PWA үчүн PNG файлдары.
- favicon.ico файлын түздөн-түз жүктөп алыңыз же тандалган бардык PNG өлчөмдөрүн бир ZIP архивине чогултуңуз.
Эмне үчүн фавикон түзүү керек?
Favicon — бул браузерлердинг табыларда, белгилерде жана тарыхында көрсөтүлүүчү кичинекей иконка, жана ошол эле негизги сүрөт азыр телефондордогу башкы экрандын иконкаларын жана тиркемеге окшош 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'ду эмне үчүн колдонушат?
- Жаңы веб-сайттар: логотиптен favicon жана touch-icon топтомун толук түзүү.
- Rebrands: эски фавиконду бардык жерде колдонулган нускасы менен алмаштыруу.
- PWA жана веб тиркемелер: веб тиркеме манифести талап кылган иконкалардын өлчөмдөрүн түзүү.
- Статикалык сайт генераторлору долбоордун ачык папкасына түздөн-түз салып коюуга боло турган иконка активдерин түзөт.
- Кардардын жумушу: дизайн программасын колдонбостон тез арада толук иконкалар топтомун жеткирүү.
Бул курал кантип иштейт
Сүрөтүңүз HTML канвасында ар бир тандалган чечимде кайра өлчөмдөлүп, андан соң стандарттарга ылайык .ico контейнерине (киргизилген PNG рамкалары менен) жана кааласаңыз жеке PNG файлдарынын .zip архивине оралып, баары браузериңизде JavaScript аркылуу түз эле жаратылып, эч нерсе жүктөлбөйт, сакталбайт же катталбайт.
Акыркы жолу жаңыртылган: 2026-жылдын 14-сентябры.
Бул нускама пайдалуу болду беле?
Кутучадагы кошумча куралдар
Башкы бетте дагы он төрт акысыз, API-ачкычты талап кылбаган куралдар жайгашкан.
Сөз саноочу
Жандуу сөз, тамга, сүйлөм жана абзац санын эсептөө.
Сүрөттү көлөмү боюнча өзгөртүүчү
JPG, PNG жана WEBP сүрөттөрдүн өлчөмүн пикселдер же пайыздар боюнча өзгөртүңүз.
Сүрөттү PDFке
Сүрөттөрдү бир эле жүктөлө турган PDF файлына бириктирүү.
JSON форматтагыч
ЖSONду кооздоп, кыскартып жана каталарга шилтемелер менен текшериңиз.
Сырга сүйлөгүч
Өзгөчө эрежелер менен бекем кокустан түзүлгөн сырсөздөр.