Asosiy qismga o'tish

Favikon generatori

Logotipdan favicon.ico va saytga kerak bo‘lgan barcha nishonchalarni yasash.

Logotipni qo‘shing, kerakli kvadratni tanlang va ichida 16, 32 va 48 piksellik versiyalari bor favicon.ico ni, zamonaviy brauzerlar va telefonlar qidiradigan PNG larni, tayyor site.webmanifest ni hamda qo‘yish uchun uch qator HTML ni oling. Har bir o‘lcham bitta kattasidan kichraytirilmaydi, asl faylidan o‘sha o‘lchamda chiziladi.

Qanday ishlatiladi

  1. Logotipni qo‘shing — PNG, JPG yoki SVG.
  2. Nishoncha bo‘ladigan joyga kvadratni to‘g‘rilang va fonni tanlang.
  3. “Favikon to‘plamini yig‘ish”ni bosing va fayllarni sayt ildiziga chiqaring.

Nega aynan shu vosita

To'liq maxfiylik

Hammasi brauzer ichida ishlaydi. Fayllaringiz va matningiz hech qachon serverga yuborilmaydi.

Bepul va cheklovsiz

Ro'yxatdan o'tish shart emas, suv belgisi yo'q, foydalanish soniga cheklov yo'q.

Bir zumda natija

Yuklash va navbat kutish kerak emas — natija qurilmangiz imkoni qadar tez chiqadi.

Har qanday qurilmada

Telefon, planshet yoki kompyuterdagi istalgan zamonaviy brauzerda ishlaydi. O'rnatish shart emas.

Ko'p beriladigan savollar

Nega favicon.ico bitta rasm emas?
Chunki u konteyner. Brauzer faylni o‘qiydi va o‘ziga keragiga eng yaqin o‘lchamni oladi: varaq uchun 16 piksel, xatcho‘plar panelida 32, Windows yorlig‘i uchun 48. Ichida faqat bitta katta rasm bo‘lsa, brauzer uni o‘zi kichraytiradi, buni esa u yomon bajaradi: ingichka chiziqlar va mayda matn 16 pikselda bo‘tqaga aylanadi. Bu yerda har bir o‘lcham sizning asl faylingizdan alohida chiziladi.
PNG lar bo‘lsa ham favicon.ico kerakmi?
Ha, va u hech narsa turmaydi. Brauzerlar hech bir teg ko‘rsatmasa ham /favicon.ico ni nomi bilan so‘rayveradi, ayrim eskilari esa boshqa hech narsani o‘qimaydi. PNG lar zamonaviy brauzerlarni, iPhone bosh ekranini va Android o‘rnatishini qoplaydi — shuning uchun arxivda ikkisi ham bor.
Fon shaffof bo‘lsinmi?
Varaqdagi nishoncha uchun odatda ha: shunda u brauzerning yorug‘ va qorong‘i mavzusida ham joyida ko‘rinadi. Istisno — iPhone bosh ekrani nishonchasi: Apple uni qora fonga qo‘yadi, shuning uchun siz shaffofni tanlasangiz ham unga avtomatik ravishda to‘q fon beriladi, aks holda qora ustidagi to‘q logotip ko‘rinmay qoladi.
SVG ishlatsa bo‘ladimi?
Ha, va natija eng yaxshisi bo‘ladi. SVG bir marta rastrga aylantirilib masshtablanmaydi, har bir o‘lchamda qaytadan chiziladi, shuning uchun 16 piksellik nishoncha haqiqiy 16 piksellik chizma bo‘ladi. Hammasi brauzerda bajariladi, ya’ni SVG qurilmangizdan chiqmaydi.
Fayllar qayerga qo‘yiladi?
Hammasi saytning ildiz papkasiga — index.html bilan bir darajaga — shunda ular /favicon.ico va /apple-touch-icon.png manzillarida ochiladi. So‘ng arxivdagi how-to-use.txt dan uch qatorni sahifalaringizning head qismiga qo‘ying. Eski nishoncha o‘zgarmasa, bu brauzer keshi — odatda sahifani majburiy yangilash yordam beradi.

O'xshash vositalar