Fayl formatlari
ICO nima? Ikonka fayllari va faviconlar haqida
ICO bitta faylda bir nechta oʻlchamni saqlaydigan Windows ikonka formatidir. Uning tuzilishi, favicon tarixi va bugun qaysi oʻlchamlar kerakligini tushuntiramiz.
Muallif: Hemen Dönüştür Editör EkibiEʼlon qilingan: 7 daqiqa oʻqish
ICO Windows dastur va papka ikonkalari uchun, veb esa brauzer varagʻidagi kichik sayt belgisi (favicon) uchun ishlatadigan formatdir. Uni boshqa rasm formatlaridan ajratib turadigan narsa shuki, bitta fayl bir xil ikonkaning bir nechta oʻlchamini saqlay oladi. Bu maqolada ICO faylning ichki tuzilishi, u Windows versiyalari davomida qanday rivojlangani, favicon tarixi, bugun qaysi oʻlchamlar kerakligi va ICO fayllarni qanday toʻgʻri yaratish tushuntiriladi.
ICO nima?
ICO (kengaytmasi .ico) Microsoft ikonka resurslari uchun belgilagan konteyner formatidir. ICO fayl fayldagi har bir rasmni (masalan, 16x16, 32x32 va 48x48 piksel) alohida yozuv sifatida sanab oʻtadigan "ikonka katalogi" bilan boshlanadi. Keyin Windows yoki brauzer ikonka koʻrsatiladigan joyga eng mos oʻlchamni tanlaydi.
IANA da roʻyxatga olingan rasmiy MIME turi image/vnd.microsoft.icon, ammo Microsoft dasturlari va koʻplab serverlar hanuz image/x-icon dan foydalanadi. Sichqoncha kursorlari uchun CUR formati deyarli bir xil; u katalogning tur maydonida 1 oʻrniga 2 ni ishlatadi va kursorning bosish nuqtasini (hotspot) saqlaydi.
Tarix: Windows ikonkalaridan faviconga
- Windows 1.0: ikonkalar bir rangli edi.
- Windows 3.0: bugun biz biladigan, bir nechta rasmni saqlaydigan katalogga asoslangan tuzilma paydo boʻldi.
- 1995: John Hornick ning Microsoft dagi "Icons" maqolasi ICO tuzilishini batafsil hujjatlashtirdi va dasturchilarga kamida 16x16 (16 rang), 32x32 (16 rang) va 48x48 (256 rang) rasmlarni kiritishni maslahat berdi.
- 1999 yil mart: Internet Explorer 5 faviconlarni qoʻllab-quvvatlagan birinchi brauzer boʻldi. Sayt ildizidagi
favicon.icofayli sevimlilar va manzil satrida koʻrsatilardi. - Windows XP: 32 bitli rasmlarga 8 bitli alfa kanali qoʻshildi, bu yumshoq, yarim shaffof qirralarni mumkin qildi.
- Windows Vista: 256x256 rasmlar va ICO ichida PNG siqish qoʻshildi.
- 2003:
image/vnd.microsoft.iconMIME turi uchinchi tomon tomonidan IANA ga taqdim etildi.
ICO fayl tuzilishi
Ikonka katalogi (ICONDIR)
Fayl 6 baytlik sarlavha bilan boshlanadi: zaxira maydon (0), tur (ikonkalar uchun 1, kursorlar uchun 2) va rasmlar soni. Undan keyin har bir rasm uchun 16 baytlik katalog yozuvi keladi.
Katalog yozuvi (ICONDIRENTRY)
| Maydon | Maʼnosi |
|---|---|
| bWidth, bHeight | Kenglik va balandlik (har biri 1 bayt). 0 qiymati 256 pikselni bildiradi. |
| bColorCount | Palitradagi ranglar soni (8 bit va undan yuqori uchun 0) |
| wPlanes, wBitCount | Rang tekisliklari va piksel boshiga bitlar |
| dwBytesInRes | Rasm maʼlumotlarining baytlardagi hajmi |
| dwImageOffset | Rasm maʼlumotlari faylda qayerdan boshlanishi |
Oʻlcham maydonlari bitta bayt boʻlgani uchun ICO ichidagi rasm koʻpi bilan 256x256 piksel boʻlishi mumkin.
Rasm maʼlumotlari: BMP yoki PNG
Klassik ICO da har bir rasm fayl sarlavhasiz BMP (DIB). Hornick maqolasiga koʻra, u rangli rasmdan (XOR niqobi) va undan keyin keladigan 1 bitli shaffoflik niqobidan (AND niqobi) iborat, shuning uchun sarlavhada saqlangan balandlik ikkala niqobning umumiy balandligi, yaʼni haqiqiy balandlikning ikki baravari. Windows XP dan boshlab 32 bitli rasmlar alfa kanalini bevosita piksel maʼlumotlarida olib yuradi.
Windows Vista dan beri yozuv BMP oʻrniga toʻliq PNG fayl ham boʻlishi mumkin. PNG ni joylash, ayniqsa 256x256 oʻlcham uchun, faylni ancha kichraytiradi. MDN taʼkidlashicha, ICO ichidagi PNG Vista dan oldin qoʻllab-quvvatlanmagan va eski dasturlarda muammo tugʻdirishi mumkin, ammo zamonaviy brauzerlar va Windows versiyalari ikkala turni ham oʻqiydi.
Qaysi oʻlchamlar kerak?
Windows ilova ikonkalari
Microsoft ning ilova ikonkalari boʻyicha amaldagi tavsiyalariga koʻra, Win32 ilovasi kamida 16x16, 24x24, 32x32, 48x48 va 256x256 oʻlchamlarni oʻz ichiga olishi kerak. Agar Windows aniq mosini topmasa, keyingi kattaroq oʻlchamni kichraytiradi; 256 pikselli rasm mavjud boʻlsa, ikonka faqat kichraytiriladi, hech qachon kattalashtirilmaydi. Masalan, 100% masshtabda sarlavha qatori va kontekst menyulari 16 pikseldan, vazifalar paneli esa 24 pikseldan foydalanadi; 200% da ular 32 va 48 ga aylanadi.
Veb-saytlar uchun faviconlar
Vebda boshqacha. HTML Standartiga koʻra, agar sahifada rel="icon" havolasi boʻlmasa, brauzerlar sayt ildizidan /favicon.ico ni soʻrashi mumkin. Shuning uchun ildizda favicon.ico saqlash hanuz yaxshi amaliyot, lekin uning oʻzi yetarli emas:
- Google Search kamida 8x8 pikselli kvadrat (1:1) faviconni talab qiladi va turli yuzalarda yaxshi koʻrinishi uchun 48x48 dan kattaroq boʻlishini tavsiya qiladi.
- iPhone va iPad bosh ekranlari 180x180 lik
apple-touch-icondan foydalanadi. - Android va PWA lar veb-ilova manifestida 192 va 512 pikselli ikonkalarni hamda moslashuvchan ikonkalar uchun "maskable" versiyani kutadi.
- Zamonaviy brauzerlar SVG faviconlarni ham qoʻllab-quvvatlaydi; bitta vektor fayl barcha oʻlchamlarni qamraydi.
Amalda favicon.ico ichiga 16, 32 va 48 pikselni joylash kompyuter brauzerlari va eski tizimlarni qamrab oladi, kattaroq oʻlchamlar esa alohida PNG fayllar sifatida taqdim etiladi.
Tizimlar, brauzerlar va dasturlarda qoʻllab-quvvatlash
Windows ICO ni tabiiy ravishda oʻqiydi va yozadi; Explorer, yorliqlar va ish stoli u bilan ishlaydi. MDN ga koʻra, Chrome, Edge, Firefox, Opera va Safari ICO fayllarni koʻrsatadi. macOS ilova ikonkalari uchun oʻzining ICNS formatidan foydalanadi, ammo Preview ICO ni ochadi. GIMP kabi muharrirlar ICO ni har bir oʻlcham uchun bitta qatlamli koʻp qatlamli fayl sifatida ochadi. MDN umumiy veb mazmunida ICO dan foydalanmaslikni maslahat beradi va faviconlar <link> elementi bilan PNG tomon siljiganini qayd etadi.
Kuchli va zaif tomonlari
| Kuchli tomonlari | Zaif tomonlari |
|---|---|
| Bitta faylda bir nechta oʻlcham va rang chuqurligi | Maksimal 256x256 piksel |
| Windows da universal qoʻllab-quvvatlash | Vebda faviconlardan tashqari qoʻllanilmaydi |
| Alfa kanali va PNG siqish (Vista va undan keyin) | Eski BMP asosidagi yozuvlar katta va noqulay |
| Brauzerlar ildizdagi favicon.ico ni avtomatik qidiradi | Maxsus vosita kerak; har bir dastur uni yoza olmaydi |
Keng tarqalgan muammolar va ularni hal qilish
PNG nomini .ico ga oʻzgartirish yetarli emasmi?
Baʼzi brauzerlar bunga chidaydi, lekin bu haqiqiy ICO emas: ikonka katalogi yoʻq va Windows uni ikonka sifatida qabul qilmaydi. Toʻgʻri yoʻl rasmni haqiqiy ICO ga aylantirish. Bizning PNG dan ICO ga va JPG dan ICO ga vositalarimiz har doim 16, 32 va 48 pikselli kvadratlarni yozadi va rasmingiz yetarlicha katta boʻlsa, 64, 128 va 256 ni qoʻshadi. Har bir oʻlcham PNG sifatida joylanadi, shuning uchun shaffoflik saqlanadi.
Favicon xira yoki oʻqib boʻlmaydigan
Ingichka chiziqlar va mayda matn 16 pikselda yoʻqolib ketadi. Qalin, yuqori kontrastli, oddiy belgidan foydalaning; kerak boʻlsa, logotipingizning faqat ramziy qismini oling. Kamida 256x256, ideal holda 512x512 pikselli kvadrat manba eng yaxshi natija beradi.
Kvadrat boʻlmagan rasm siqilgan yoki choʻzilgan koʻrinadi
Ikonkalar kvadrat. Vositalarimiz rasmni hech qachon choʻzmaydi: ular uni nisbatlarini saqlagan holda kvadrat markaziga joylaydi va chetlarini shaffof qoldiradi. Mukammal kvadrat uchun avval rasmni qirqish vositasi bilan kvadrat qismini kesib oling.
Yangi favicon koʻrinmayapti
Brauzerlar faviconlarni uzoq vaqt keshda saqlaydi. Fayl nomini oʻzgartirish yoki versiya parametrini qoʻshish (/favicon.ico?v=2) hamda server toʻgʻri MIME turini qaytarishini tekshirish odatda muammoni hal qiladi. Google Search natijalaridagi ikonka faqat sayt qayta skanerlangandan keyin yangilanadi.
Windows hali ham eski ikonkani koʻrsatyapti
Windows ikonkalarni alohida keshda saqlaydi. Ilovani qayta yigʻish va yorliqni qayta yaratish yoki tizimdan chiqib qayta kirish koʻpincha yetarli.
Konvertatsiya boʻyicha maslahatlar
- Veb-sayt uchun bitta ICO yetarli emas: favicon yaratish vositasi bir martada favicon.ico (16, 32 va 48 piksel), favicon-48x48.png, apple-touch-icon.png (180 piksel), icon-192.png, icon-512.png, maskable icon-512-maskable.png va site.webmanifest ni, manba SVG boʻlsa icon.svg ni ham yaratadi. U sahifangizning
<head>qismiga joylash uchun kod parchasini ham beradi. - Apple ikonkasiga shaffof boʻlmagan fon kerak: iOS shaffof sohalarni qora koʻrsatadi va burchaklarni oʻzi yumaloqlaydi, shuning uchun favicon yaratish vositasi apple-touch-icon ni siz tanlagan fon rangi bilan toʻldiradi.
- Agar logotipingiz SVG boʻlsa: SVG dan PNG ga vositasi bilan katta PNG renderlang va uni ICO ga aylantiring yoki SVG ni toʻgʻridan-toʻgʻri favicon yaratish vositasiga bering.
ICO va favicon vositalarimiz brauzeringizda ishlaydi; rasmingiz yuklanmaydi va hech qachon qurilmangizdan chiqmaydi.
Koʻp beriladigan savollar
ICO rasmning maksimal oʻlchami qancha?
Katalog yozuvidagi kenglik va balandlik maydonlari har biri bir bayt, 0 esa 256 ni bildiradi. Demak ICO ichidagi bitta rasm koʻpi bilan 256x256 piksel.
Favicon uchun ICO mi yoki PNG mi?
Ikkalasidan ham foydalaning. Ildizdagi 16, 32 va 48 pikselli favicon.ico eski brauzerlar va avtomatik soʻrovlarga xizmat qiladi; zamonaviy brauzerlar va mobil qurilmalar uchun PNG (va ixtiyoriy ravishda SVG) ikonkalarni <link> teglari bilan eʼlon qiling.
ICO shaffoflikni qoʻllab-quvvatlaydimi?
Ha. Eski ICO lar 1 bitli niqobdan foydalanadi, 32 bitli rasmlar Windows XP dan beri toʻliq alfa kanaliga ega, joylangan PNG esa Vista dan beri shaffoflikni olib yuradi.
ICO faylni PNG ga qanday aylantirish mumkin?
ICO faylingizni rasm konvertoriga qoʻshing va maqsad sifatida PNG ni tanlang. Agar faylda bir nechta oʻlcham boʻlsa, eng kattasi ishlatiladi.
Mac da ICO fayllar ishlatiladimi?
macOS ilova ikonkalari uchun ICNS formatidan foydalanadi. Veb-saytlar uchun esa favicon.ico va PNG ikonkalar har bir operatsion tizimdagi brauzerlarda ishlaydi.
