Favicon generatori
Logotipingizni yuklang va saytingizga kerakli ikonkalarni bitta ZIP da oling: 16, 32 va 48 pikselli rasmlar bilan favicon.ico, Google uchun 48 pikselli PNG, iPhone uchun shaffof boʻlmagan fonli Apple Touch Icon, Android uchun 192 va 512 pikselli ikonkalar, xavfsiz zonasi hisoblangan maskable ikonka va site.webmanifest. SVG yuklasangiz, icon.svg ham qoʻshiladi. Yorliq, Google natijasi va bosh ekran koʻrinishlarini koʻrasiz va tayyor <head> kodini nusxalaysiz; hammasi brauzeringizda ishlaydi.
- Bepul, roʻyxatdan oʻtishsiz
- Faylingiz qurilmangizdan chiqmaydi
- Har bir fayl 50 MB gacha
Boshlash uchun logotip yoki ikonka rasmingizni qoʻshing. PNG, SVG, JPG va WebP ishlaydi; eng yaxshi natija uchun kamida 512 × 512 piksellik kvadrat rasm ishlating.
Faylingiz qurilmangizdan hech qachon chiqmaydi; rasmlar brauzeringizda ishlanadi. EXIF va joylashuv maʼlumotlari chiqishga qoʻshilmaydi.
Favicon qanday yaratiladi
Logotipingizni qoʻshing
PNG, SVG, JPG yoki WebP logotip yuklang. Eng yaxshi natija uchun kamida 512 × 512 piksellik kvadrat rasm oling; SVG ham boʻladi.
Nom, ranglar va chekka boʻshliqni belgilang
Sayt nomi va qisqa nomni yozing, mavzu va fon ranglarini tanlang, kerak boʻlsa chekka boʻshliq qoʻshing. Koʻrib chiqish ikonka yorliqda, Google da va bosh ekranda qanday koʻrinishini koʻrsatadi.
Paketni yuklab oling va joylang
ZIP ni yuklab oling, fayllarni saytingiz ildiz papkasiga yuklang va koʻrsatilgan <head> kodini sahifalaringizga qoʻshing.
Nimalar saqlanadi?
Saqlanadi
- Logotipingiz nisbatlari: kvadrat boʻlmagan rasm kvadrat ichiga joylanadi, hech qachon choʻzilmaydi
- Shaffoflik (standart ikonkalarda; fon rangi tanlasangiz, u bilan toʻldiriladi)
- SVG yuklasangiz, icon.svg oʻz holicha qoʻshiladi
Oʻzgaradi
- Har bir ikonka yuqori sifatda oʻz oʻlchamiga qayta tanlanadi
- Apple Touch Icon va maskable ikonka doim shaffof boʻlmagan fonli boʻladi: tanlagan rangingiz yoki «Shaffof» tanlangan boʻlsa oq
- Maskable ikonkada mazmun 80% xavfsiz zonada joylashadi
Oʻtkazilmaydi
- PNG yoki JPG dan vektor (SVG) yaratilmaydi; icon.svg faqat SVG kirishi uchun mavjud
- EXIF va boshqa metamaʼlumotlar ikonkalarga qoʻshilmaydi
Qachon kerak boʻladi?
Yangi sayt uchun toʻliq ikonkalar toʻplami
Bitta favicon.ico endi hammasini qoplamaydi: iPhone bosh ekrani, Android va Google qidiruv natijalari har xil fayllarni kutadi. Bitta yuklash hammasini toʻgʻri nom va oʻlchamlarda beradi.
Ikonkangizning Google natijalarida koʻrinishi
Google sayt ikonkasini qidiruv natijalarida oʻlchami 48 pikselning karralisi boʻlgan kvadrat fayldan koʻrsatadi va bu fayl skanerlash uchun ochiq boʻlishi kerak. Paketda shu fayl va uning <head> havolasi bor.
Ilova kabi qoʻshiladigan sayt (PWA)
Saytingiz bosh ekranga qoʻshilishini istasangiz, manifest va 192/512 pikselli ikonkalar kerak. Maskable ikonka Android ikonkani doira yoki yumaloq kvadrat shaklida kesganda logotipingiz qirqilib ketishining oldini oladi.
Bilish kerak boʻlgan cheklovlar
- Eng yaxshi natija uchun kamida 512 × 512 piksellik kvadrat rasm ishlating; kichik manbadan yasalgan katta ikonkalar xira koʻrinadi.
- Ingichka chiziqlar va mayda matn 16 va 32 pikselli ikonkalarda oʻqib boʻlmaydigan boʻlib qoladi; qalin, yuqori kontrastli logotiplar yaxshiroq ishlaydi.
- Mavzu rangi faqat mobil brauzerlarning manzil satrida qoʻllanadi va brauzer sozlamalariga bogʻliq.
- Google qidiruv natijalarida ikonkani yangilash kunlar, hatto haftalar olishi mumkin, brauzerlar ham ikonkalarni keshlaydi.
Koʻp beriladigan savollar
Saytga qaysi favicon fayllari kerak?
Hozirgi yondashuv: ildiz papkada favicon.ico, Google uchun 48 pikselli PNG, imkon boʻlsa icon.svg, iPhone uchun 180 pikselli apple-touch-icon.png, Android uchun 192 va 512 pikselli ikonkalar hamda site.webmanifest. Generator hammasini tayyorlaydi va <head> havolalarini beradi.
Maskable ikonka nima?
Maskable ikonka mazmunini xavfsiz zonada saqlaydi va foni toʻliq toʻldirilgan boʻladi, shuning uchun Android uni qurilmaga qarab doira, yumaloq kvadrat yoki boshqa shaklda kesa oladi. Bu yerda mazmun 512 pikselli rasmning markaziy 80% qismiga joylanadi.
Apple Touch Icon nega shaffof emas va burchaklari oʻtkir?
iOS shaffof joylarni qora koʻrsatadi va burchaklarni oʻzi yumaloqlaydi. Shuning uchun ikonka toʻliq toʻldirilgan va yumaloq burchaksiz, tanlagan fon rangingizda (shaffof tanlangan boʻlsa oq) tayyorlanadi.
Ikonkam nega Google natijalarida koʻrinmayapti?
Ikonka fayli robots.txt bilan bloklanmagan boʻlishi, bosh sahifaning <head> qismidan havola qilingan va oʻlchami 48 pikselning karralisi boʻlgan kvadrat boʻlishi kerak. Tuzatgandan soʻng Search Console da bosh sahifani qayta indekslashni soʻrashingiz mumkin; yangilanish baribir kunlar yoki haftalar olishi mumkin.
Kvadrat boʻlmagan rasm yuklasam nima boʻladi?
Ikonkalar buzilmasdan kvadrat ichiga joylanadi va yon tomonlarda boʻsh joy qoladi. Ramka kvadratni toʻldirishini istasangiz, avval kesish vositasi bilan 1:1 ga kesing.
PNG dan SVG favicon yaratadimi?
Yoʻq. Piksellarni avtomatik vektorga aylantirish ikonka koʻrinishini sezdirmasdan oʻzgartirib yuborishi mumkin, shuning uchun icon.svg faqat oʻzingiz SVG yuklaganingizda qoʻshiladi.
Bu vosita bepulmi?
Ha, butunlay bepul. Akkaunt, obuna yoki suv belgisi yoʻq.
Fayllarim biror joyga yuklanadimi?
Yoʻq. Rasmlar brauzeringizda ishlanadi va qurilmangizdan hech qachon chiqmaydi. EXIF va joylashuv maʼlumotlari chiqishga qoʻshilmaydi.