Fayl formatları
ICO nədir? İkon faylları və favikonların izahı
ICO bir faylda bir neçə ölçü saxlayan Windows ikon formatıdır. Onun quruluşunu, favikonun tarixini və bu gün hansı ölçülərin lazım olduğunu izah edirik.
Müəllif: Hemen Dönüştür Editör EkibiDərc olunub: 7 dəq oxuma
ICO Windows-un proqram və qovluq ikonları üçün, vebin isə brauzer tabındakı kiçik sayt ikonu (favikon) üçün istifadə etdiyi formatdır. Onu digər şəkil formatlarından fərqləndirən odur ki, tək bir fayl eyni ikonun bir neçə ölçüsünü saxlaya bilir. Bu məqalədə ICO faylının daxili quruluşu, onun Windows versiyaları boyu necə inkişaf etdiyi, favikonun tarixi, bu gün hansı ölçülərin lazım olduğu və ICO fayllarını necə düzgün yaratmaq olduğu izah edilir.
ICO nədir?
ICO (genişlənməsi .ico) Microsoft-un ikon resursları üçün müəyyən etdiyi konteyner formatıdır. ICO faylı fayldakı hər şəkli (məsələn, 16x16, 32x32 və 48x48 piksel) ayrıca element kimi sadalayan "ikon kataloqu" ilə başlayır. Sonra Windows və ya brauzer ikonun göstərildiyi yerə ən uyğun ölçünü seçir.
IANA-da qeydiyyatdan keçmiş rəsmi MIME tipi image/vnd.microsoft.icon-dur, lakin Microsoft proqramları və bir çox server hələ də image/x-icon istifadə edir. Siçan kursorları üçün CUR formatı demək olar ki, eynidir; o, kataloqun növ sahəsində 1 əvəzinə 2 istifadə edir və kursorun klik nöqtəsini (hotspot) saxlayır.
Tarixçə: Windows ikonlarından favikona
- Windows 1.0: İkonlar monoxrom idi.
- Windows 3.0: Bu gün bildiyimiz, bir neçə şəkil saxlayan kataloq əsaslı quruluş gəldi.
- 1995: John Hornick-in Microsoft-dakı "Icons" məqaləsi ICO quruluşunu ətraflı sənədləşdirdi və tərtibatçılara ən azı 16x16 (16 rəng), 32x32 (16 rəng) və 48x48 (256 rəng) şəkilləri daxil etməyi tövsiyə etdi.
- Mart 1999: Internet Explorer 5 favikonları dəstəkləyən ilk brauzer oldu. Saytın kök qovluğundakı
favicon.icofaylı seçilmişlərdə və ünvan sətrində göstərilirdi. - Windows XP: 32 bitlik şəkillərə 8 bitlik alfa kanalı əlavə olundu və bu, yumşaq, yarımşəffaf kənarları mümkün etdi.
- Windows Vista: 256x256 şəkillər və ICO daxilində PNG sıxılması əlavə olundu.
- 2003:
image/vnd.microsoft.iconMIME tipi üçüncü tərəf tərəfindən IANA-ya təqdim olundu.
ICO faylının quruluşu
İkon kataloqu (ICONDIR)
Fayl 6 baytlıq başlıqla başlayır: ehtiyat sahə (0), növ (ikonlar üçün 1, kursorlar üçün 2) və şəkillərin sayı. Ardınca hər şəkil üçün 16 baytlıq kataloq elementi gəlir.
Kataloq elementi (ICONDIRENTRY)
| Sahə | Mənası |
|---|---|
| bWidth, bHeight | En və hündürlük (hər biri 1 bayt). 0 dəyəri 256 piksel deməkdir. |
| bColorCount | Palitra rənglərinin sayı (8 bit və yuxarı üçün 0) |
| wPlanes, wBitCount | Rəng müstəviləri və piksel başına bit |
| dwBytesInRes | Şəkil məlumatının baytla ölçüsü |
| dwImageOffset | Şəkil məlumatının faylda başladığı yer |
Ölçü sahələri tək bayt olduğu üçün ICO daxilindəki şəkil ən çoxu 256x256 piksel ola bilər.
Şəkil məlumatı: BMP və ya PNG
Klassik ICO-da hər şəkil fayl başlığı olmayan BMP-dir (DIB). Hornick-in məqaləsinə görə o, rəngli şəkildən (XOR maskası) və ardınca gələn 1 bitlik şəffaflıq maskasından (AND maskası) ibarətdir; buna görə başlıqda saxlanan hündürlük hər iki maskanın ümumi hündürlüyüdür, yəni real hündürlüyün iki mislidir. Windows XP-dən etibarən 32 bitlik şəkillər alfa kanalını birbaşa piksel məlumatında daşıyır.
Windows Vista-dan bəri element BMP əvəzinə tam PNG faylı da ola bilər. PNG-ni, xüsusilə 256x256 ölçü üçün daxil etmək faylı xeyli kiçildir. MDN qeyd edir ki, ICO daxilində PNG Vista-dan əvvəl dəstəklənmirdi və köhnə proqramlarda problem yarada bilər, lakin hazırkı brauzerlər və Windows versiyaları hər iki növü oxuyur.
Hansı ölçülər lazımdır?
Windows tətbiq ikonları
Microsoft-un hazırkı tətbiq ikonu tövsiyələrinə görə Win32 tətbiqi ən azı 16x16, 24x24, 32x32, 48x48 və 256x256 ölçülərini ehtiva etməlidir. Windows dəqiq uyğunluq tapmasa, növbəti böyük ölçünü kiçildir; 256 piksellik şəkil olduqda ikon heç vaxt böyüdülmür, yalnız kiçildilir. Məsələn, 100% miqyasda başlıq sətri və kontekst menyuları 16 piksel, tapşırıqlar paneli isə 24 piksel istifadə edir; 200%-də bunlar 32 və 48 olur.
Saytlar üçün favikonlar
Vebdə vəziyyət fərqlidir. HTML Standartına görə səhifədə rel="icon" keçidi yoxdursa, brauzerlər saytın kök qovluğundan /favicon.ico sorğulaya bilər. Ona görə də kökdə favicon.ico saxlamaq hələ də yaxşı təcrübədir, lakin təkbaşına kifayət deyil:
- Google Axtarış ən azı 8x8 piksel olan kvadrat (1:1) favikon tələb edir və müxtəlif səthlərdə yaxşı görünməsi üçün 48x48-dən böyük olmasını tövsiyə edir.
- iPhone və iPad əsas ekranları 180x180
apple-touch-iconistifadə edir. - Android və PWA-lar veb tətbiq manifestində 192 və 512 piksellik ikonları, həmçinin adaptiv ikonlar üçün "maskable" versiyanı gözləyir.
- Hazırkı brauzerlər SVG favikonlarını da dəstəkləyir; bir vektor fayl bütün ölçüləri əhatə edir.
Praktikada favicon.ico-ya 16, 32 və 48 piksel yerləşdirmək masaüstü brauzerləri və köhnə sistemləri əhatə edir, daha böyük ölçülər isə ayrıca PNG faylları kimi təqdim olunur.
Sistemlərdə, brauzerlərdə və proqramlarda dəstək
Windows ICO-nu təbii olaraq oxuyur və yazır; Explorer, qısayollar və iş masası onunla işləyir. MDN-ə görə Chrome, Edge, Firefox, Opera və Safari ICO fayllarını göstərir. macOS tətbiq ikonları üçün öz ICNS formatından istifadə edir, lakin Preview ICO-nu açır. GIMP kimi redaktorlar ICO-nu hər ölçü üçün bir lay olmaqla laylı fayl kimi açır. MDN ümumi veb məzmununda ICO-dan istifadəni tövsiyə etmir və qeyd edir ki, favikonlar <link> elementi ilə PNG-yə doğru keçib.
Güclü və zəif tərəfləri
| Güclü tərəflər | Zəif tərəflər |
|---|---|
| Bir faylda bir neçə ölçü və rəng dərinliyi | Maksimum 256x256 piksel |
| Windows-da universal dəstək | Vebdə favikonlardan başqa istifadəsi yoxdur |
| Alfa kanalı və PNG sıxılması (Vista və sonrası) | Köhnə BMP əsaslı elementlər böyük və yöndəmsizdir |
| Brauzerlər kökdəki favicon.ico-nu avtomatik axtarır | Xüsusi alət tələb edir; hər proqram onu yaza bilmir |
Tez-tez rast gəlinən problemlər və həlləri
PNG-nin adını .ico olaraq dəyişmək kifayət deyilmi?
Bəzi brauzerlər buna dözür, lakin bu, əsl ICO deyil: ikon kataloqu yoxdur və Windows onu ikon kimi qəbul etməyəcək. Düzgün yol şəkli əsl ICO-ya çevirməkdir. PNG-dən ICO-ya və JPG-dən ICO-ya alətlərimiz həmişə 16, 32 və 48 piksellik kvadratlar yazır, şəkliniz kifayət qədər böyükdürsə, 64, 128 və 256 da əlavə edir. Hər ölçü PNG kimi daxil edilir, ona görə də şəffaflıq qorunur.
Favikon bulanıq və ya oxunmazdır
Nazik xətlər və kiçik mətn 16 pikseldə itir. Qalın, yüksək kontrastlı, sadə işarə istifadə edin; lazım olsa, loqonuzun yalnız simvol hissəsini götürün. Ən azı 256x256, ideal halda 512x512 piksellik kvadrat mənbə ən yaxşı nəticəni verir.
Kvadrat olmayan şəkil sıxılmış və ya dartılmış görünür
İkonlar kvadratdır. Alətlərimiz şəkli heç vaxt dartmır: onu nisbətlərini saxlayaraq kvadratın mərkəzinə yerləşdirir və kənarları şəffaf buraxır. Mükəmməl kvadrat üçün əvvəlcə şəkil kəsmə aləti ilə kvadrat hissə kəsin.
Yeni favikon görünmür
Brauzerlər favikonları uzun müddət keşdə saxlayır. Faylın adını dəyişmək və ya versiya parametri əlavə etmək (/favicon.ico?v=2), həmçinin serverin düzgün MIME tipi qaytardığını yoxlamaq adətən problemi həll edir. Google Axtarış nəticələrindəki ikon yalnız sayt yenidən taranandan sonra yenilənir.
Windows hələ də köhnə ikonu göstərir
Windows ikonları ayrıca keşdə saxlayır. Tətbiqi yenidən qurmaq və qısayolu yenidən yaratmaq, ya da sistemdən çıxıb yenidən daxil olmaq çox vaxt kifayət edir.
Çevirmə tövsiyələri
- Sayt üçün bir ICO kifayət deyil: Favikon yaradıcısı bir dəfəyə favicon.ico (16, 32 və 48 piksel), favicon-48x48.png, apple-touch-icon.png (180 piksel), icon-192.png, icon-512.png, maskable icon-512-maskable.png və site.webmanifest, mənbə SVG olduqda isə icon.svg yaradır. O, həmçinin səhifənizin
<head>bölməsinə yapışdırmaq üçün kod parçası verir. - Apple ikonu qeyri-şəffaf fon tələb edir: iOS şəffaf sahələri qara göstərir və küncləri özü yuvarlaqlaşdırır, ona görə də favikon yaradıcısı apple-touch-icon-u seçdiyiniz fon rəngi ilə doldurur.
- Loqonuz SVG-dirsə: SVG-dən PNG-yə çevirmə ilə böyük PNG yaradın və onu ICO-ya çevirin, ya da SVG-ni birbaşa favikon yaradıcısına verin.
ICO və favikon alətlərimiz brauzerinizdə işləyir; şəkliniz yüklənmir və heç vaxt cihazınızdan çıxmır.
Tez-tez verilən suallar
ICO şəklinin maksimum ölçüsü nə qədərdir?
Kataloq elementindəki en və hündürlük sahələri hər biri bir baytdır və 0 dəyəri 256 deməkdir. Beləliklə, ICO daxilindəki tək şəkil ən çoxu 256x256 piksel olur.
Favikon üçün ICO istifadə edim, yoxsa PNG?
Hər ikisini. 16, 32 və 48 pikselli kök favicon.ico köhnə brauzerlərə və avtomatik sorğulara xidmət edir; hazırkı brauzerlər və mobil cihazlar üçün isə PNG (və isteğe bağlı SVG) ikonlarını <link> teqləri ilə elan edin.
ICO şəffaflığı dəstəkləyirmi?
Bəli. Köhnə ICO-lar 1 bitlik maska istifadə edir, 32 bitlik şəkillərdə Windows XP-dən bəri tam alfa kanalı var, daxil edilmiş PNG isə Vista-dan bəri şəffaflıq daşıyır.
ICO faylını PNG-yə necə çevirim?
ICO faylınızı şəkil konvertoruna əlavə edin və hədəf kimi PNG seçin. Faylda bir neçə ölçü varsa, ən böyüyü istifadə olunur.
Mac-da ICO faylları istifadə olunurmu?
macOS tətbiq ikonları üçün ICNS formatından istifadə edir. Saytlar üçün isə favicon.ico və PNG ikonları bütün əməliyyat sistemlərindəki brauzerlərdə işləyir.
