Asosiy qismga oʻtish

Favicon yaratish

Rasm, matn yoki emojidan favicon.ico, PNG ikonkalar, Apple touch ikonkasi va veb-manifest yarating — hammasi brauzeringizda tayyorlanadi.

16px
32px
48px
64px
iPhone bosh ekraniapple-touch-icon.png · 180 × 180, burchaklarini iOS oʻzi yumaloqlaydiSayt
Android (maskable)Logotipni uzuq chiziqli xavfsiz hudud ichida saqlang
Veb-ilova maʼlumotlari
#

Fayllarni qayerga joylaysiz, masalan / yoki /icons/

Buni HTML <head> qismiga qoʻshing
site.webmanifest
Brauzeringizda ishlaydi · yuklanmaydiQanday ishlaydi

Favicon generatori: foydalanish tartibi

  1. 1

    Manbani tanlang

    25 MB gacha boʻlgan logotip yoki rasm yuklang, 11 ta shriftdan birida bir-uchta harf yozing yoki emoji tanlang.

  2. 2

    Ikonkani bezang

    Shaklsiz yoki oddiy kvadratdan pechenye va bedagacha boʻlgan 12 ta shakldan birini, fon rangi yoki shaffoflikni, chekinish va burchak radiusini tanlang.

  3. 3

    Har bir oʻlchamni tekshiring

    Ikonkani 16 dan 192 pikselgacha, yorugʻ va qorongʻi brauzer varaqlarida hamda Android ning maskable xavfsiz hududida koʻrib chiqing.

  4. 4

    Yuklab oling va oʻrnating

    favicon.zip ni saqlang, saytingiz papkasiga oching va yaratilgan HTML kodini sahifaning head qismiga joylang.

Cheklovlar va Pro

Matn yoki emojidan cheksiz ikonka toʻplamlari; rasm manbasi 25 MB gacha, bir vaqtda bitta. Har bir toʻplamda 10 ta fayl.

Pro logotip rasmlarini yuklash chegarasini 4 GB gacha oshiradi. Pro tarifini koʻrish

Favicon generatori haqida

Favicon generatori bitta dizayndan zamonaviy sayt uchun kerakli barcha ikonkalarni yasaydi. ZIP ichida 16, 32 va 48 pikselli rasmlarni oʻz ichiga olgan favicon.ico, alohida 16, 32 va 48 pikselli PNG lar, fonli 180 pikselli apple-touch-icon (yumaloq burchaklarni iOS oʻzi qoʻshadi), 192 va 512 pikselli Android Chrome ikonkalari, mazmuni 80% xavfsiz hududdan chiqmaydigan 512 pikselli maskable ikonka, ilova nomi, qisqa nomi va mavzu rangi yozilgan site.webmanifest hamda link va theme-color teglari bilan tayyor HTML parchasi bor. Barcha PNG lar yoʻqotishsiz ixchamlanadi.

Yuklangan rasmlar Lanczos filtri bilan kichraytiriladi, shuning uchun katta logotip 16 pikselda ham tiniq qoladi, SVG logotip esa avval 1 024 pikselda chiziladi. Matnli ikonkalar siz tanlagan shriftda, emoji esa Noto Color Emoji shriftida chiziladi, natija har bir tashrif buyuruvchining tizimida bir xil koʻrinadi. Ikonkalar saytning asosiy papkasida turmasa, papkani, masalan /icons/ deb yozing — HTML va manifestdagi yoʻllar shunga moslashadi.

Odatiy holatlar: yangi sayt yoki blog, foydalanuvchilar bosh ekranga oʻrnatadigan veb-ilova, varaqlar orasida ajralib turishi kerak boʻlgan ichki boshqaruv paneli yoki shaxsiy loyiha uchun tezkor vaqtinchalik ikonka. 16 pikselda mayda tafsilotlar va uzun soʻzlar yoʻqoladi, shuning uchun oddiy shakl va bir-ikki harf eng yaxshi ishlaydi. Vosita fayllarni hostingga joylamaydi va saytingizni tahrirlamaydi, ularni oʻzingiz yuklaysiz.

Maxfiylik

Ikonkalar shu varaqdagi canvas ustida chiziladi va Web Worker ichida saytning WebAssembly PNG kodeki bilan kodlanadi, shuning uchun yuklangan logotip qurilmangizdan chiqmaydi. Google shriftlaridan birini yoki emoji manbasini tanlasangiz, brauzer tahrirlashni boshlaganingizda oʻsha shriftni Google Fonts dan yuklab oladi; soʻrovda matningiz emas, faqat shrift nomi boʻladi, sahifa ochilganda esa hech narsa olinmaydi.

Imkoniyatlar

Toʻliq ikonkalar toʻplami

ICO, PNG oʻlchamlari, Apple touch, Android va maskable ikonkalar hamda veb-manifest bitta ZIP da.

Rasm, matn yoki emoji

Manba sifatida logotipingizni, 11 ta shriftdagi bir-uchta harfni yoki istalgan emojini oling.

Ifodali shakllar

Kvadrat, yumaloq burchakli, doira va sakkizta Material shakl — chekinish va burchak radiusi bilan.

Joylashga tayyor HTML

Link teglari, mavzu rangi va manifest yoʻllari siz tanlagan papka uchun yaratiladi.

Favicon generatori: koʻp beriladigan savollar

2026-yilda favicon qanday oʻlchamlarda boʻlishi kerak?
Brauzerlar varaqlarda 16 yoki 32 pikselli, baʼzi qidiruv natijalarida 48 pikselli ikonkadan foydalanadi, iPhone va iPad bosh ekranda 180 pikselli apple-touch-icon ni, Android esa veb-manifestdagi 192 va 512 pikselli ikonkalarni ishlatadi. Yuklab olinadigan arxiv hammasini qamrab oladi, eski brauzerlar va /favicon.ico ni oʻzi qidiradigan vositalar uchun koʻp oʻlchamli favicon.ico ham bor.
Faviconni saytimga qanday qoʻshaman?
favicon.zip ni saytning asosiy papkasiga oching, shunda favicon.ico /favicon.ico manzilida ochiladi, yoki “Ikonkalar papkasi”da yozgan papkangizga joylang. HTML parchasini vositadan yoki ZIP dagi favicon-snippet.html dan har bir sahifaning head qismiga yoxud mavzuingizning sarlavha shabloniga nusxalang. Brauzerlar faviconni qattiq keshlaydi, oʻzgarishni koʻrish uchun sahifani toʻliq yangilash kerak boʻlishi mumkin.
Emoji yoki harflardan favicon yasasa boʻladimi?
Ha. “Emoji”ni tanlab, 24 ta tavsiyadan birini oling yoki istalgan emojini yozing; yoxud “Matn”ni tanlab, Inter, Bebas Neue yoki Press Start 2P kabi shriftda ismingiz bosh harflari kabi uchtagacha belgi kiriting. Uni shakl va fon rangi bilan birlashtiring. Emoji Noto Color Emoji shriftida chiziladi, shuning uchun ikonka Windows, Mac, Android va iPhone da bir xil koʻrinadi.
Maskable ikonka nima?
Android oʻrnatilgan veb-ilovalarni telefon ishlab chiqaruvchisi tanlagan shaklda — doira, yumaloq kvadrat yoki tomchi — koʻrsatadi va ikonkani shunga moslab kesadi. Maskable ikonka butun kvadratni toʻldiradi va muhim qismini markazdagi 80% li doira ichida saqlaydi, shunda hech narsa kesilib ketmaydi. Bu doirani koʻrish uchun namunada “Xavfsiz hudud”ni yoqing, logotip chetga juda yaqin boʻlsa, chekinishni oshiring.
favicon.ico hali ham kerakmi yoki PNG yetarlimi?
Zamonaviy brauzerlar link teglaridagi PNG ikonkalardan bemalol foydalanadi, lekin favicon.ico baribir kerak: baʼzi brauzerlar, RSS oʻquvchilar, xatchoʻp vositalari va qidiruv robotlari HTML ni oʻqimasdan toʻgʻridan-toʻgʻri /favicon.ico ni soʻraydi. Yaratilgan ICO bitta faylda 16, 32 va 48 pikselli rasmlarni saqlaydi, ishlatiladigan har bir oʻlchamda tiniq koʻrinadi. Arxivda ikkalasi ham bor, HTML ham ikkalasiga havola qiladi.

Oʻxshash vositalar

Barcha rasm vositalari

Ilova ikonkalari generatori

Bitta rasmdan iOS, Android va PWA ikonkalarining barcha oʻlchamlari

SVG ↔ PNG konvertori

SVG dan tiniq PNG yoki PNG dan SVG vektor

Rasm oʻlchamini oʻzgartirish

Piksel, foiz yoki andoza boʻyicha — toʻplab

Open Graph va meta teglar namunasi

Havolalarni Google, Facebook, X, LinkedIn va Slack da oldindan koʻrish