Faýl formatlary
ICO näme? Nyşan faýllary we faviconlar düşündirilýär
ICO bir faýlda birnäçe ölçegi saklaýan Windows nyşan formatydyr. Onuň gurluşyny, faviconyň taryhyny we häzir haýsy ölçegleriň gerekdigini düşündirýäris.
Awtor: Hemen Dönüştür Editör EkibiÇap edildi: 6 min okamak
ICO Windows-yň programma we bukja nyşanlary üçin, webiň bolsa brauzer goýmasyndaky saýtyň kiçijik nyşany (favicon) üçin ulanýan formatydyr. Ony beýleki surat formatlaryndan tapawutlandyrýan zat bir faýlyň şol bir nyşanyň birnäçe ölçegini saklap bilýändigidir. Bu makalada ICO faýlynyň içki gurluşy, onuň Windows wersiýalarynda nähili ösendigi, faviconyň taryhy, häzir haýsy ölçegleriň gerekdigi we ICO faýllaryny nädip dogry döretmelidigi düşündirilýär.
ICO näme?
ICO (giňeltmesi .ico) Microsoft-yň nyşan çeşmeleri üçin kesgitlän konteýner formatydyr. ICO faýly faýldaky her suraty (meselem 16x16, 32x32 we 48x48 piksel) aýratyn ýazgy hökmünde sanawlaýan "nyşan katalogy" bilen başlaýar. Soňra Windows ýa-da brauzer nyşanyň görkezilýän ýerine iň laýyk ölçegi saýlaýar.
IANA-da hasaba alnan resmi MIME görnüşi image/vnd.microsoft.icon, ýöne Microsoft programmalary we köp serwerler henizem image/x-icon ulanýar. Syçanjyk kursorlary üçin CUR formaty diýen ýaly birmeňzeş; ol katalogyň görnüş meýdanynda 1-iň ýerine 2 ulanýar we kursoryň basyş nokadyny (hotspot) saklaýar.
Taryhy: Windows nyşanlaryndan favicona çenli
- Windows 1.0: Nyşanlar bir reňkli bolupdyr.
- Windows 3.0: Birnäçe suraty saklaýan, häzir bilýän katalog esasly gurluşymyz peýda boldy.
- 1995: John Hornick-iň Microsoft-daky "Icons" makalasy ICO gurluşyny jikme-jik resminamalaşdyrdy we işläp düzüjilere azyndan 16x16 (16 reňk), 32x32 (16 reňk) we 48x48 (256 reňk) suratlary goşmagy maslahat berdi.
- 1999-njy ýylyň marty: Internet Explorer 5 faviconlary goldaýan ilkinji brauzer boldy. Saýtyň kök bukjasyndaky
favicon.icofaýly saýlanlarda we salgy setirinde görkezilýärdi. - Windows XP: 32 bitli suratlara 8 bitlik alfa kanaly goşuldy, bu bolsa ýumşak, ýarym aýdyň gyralary mümkin etdi.
- Windows Vista: 256x256 suratlar we ICO-nyň içinde PNG gysyşy goşuldy.
- 2003:
image/vnd.microsoft.iconMIME görnüşi üçünji tarap tarapyndan IANA-a hödürlendi.
ICO faýlynyň gurluşy
Nyşan katalogy (ICONDIR)
Faýl 6 baýtlyk sözbaşy bilen başlaýar: ätiýaçlyk meýdan (0), görnüş (nyşanlar üçin 1, kursorlar üçin 2) we suratlaryň sany. Ondan soň her surat üçin 16 baýtlyk katalog ýazgysy gelýär.
Katalog ýazgysy (ICONDIRENTRY)
| Meýdan | Manysy |
|---|---|
| bWidth, bHeight | Ini we beýikligi (her biri 1 baýt). 0 bahasy 256 piksel diýmekdir. |
| bColorCount | Palitra reňkleriniň sany (8 bit we ondan ýokary üçin 0) |
| wPlanes, wBitCount | Reňk tekizlikleri we piksel başyna bitler |
| dwBytesInRes | Surat maglumatlarynyň baýtdaky ölçegi |
| dwImageOffset | Surat maglumatlarynyň faýlda başlaýan ýeri |
Ölçeg meýdanlary ýeke baýt bolany üçin ICO-nyň içindäki surat iň köp 256x256 piksel bolup bilýär.
Surat maglumatlary: BMP ýa-da PNG
Klassiki ICO-da her surat faýl sözbaşysyz BMP-dir (DIB). Hornick-iň makalasyna görä, onda reňkli surat (XOR maskasy) we ondan soň 1 bitlik aýdynlyk maskasy (AND maskasy) bar, şonuň üçin sözbaşyda saklanýan beýiklik iki maskanyň jemi beýikligi, ýagny hakyky beýikligiň iki essesidir. Windows XP-den başlap 32 bitli suratlar alfa kanalyny göni piksel maglumatlarynda saklaýar.
Windows Vista-dan bäri ýazgy BMP-niň ýerine doly PNG faýly hem bolup bilýär. PNG goşmak, esasan-da 256x256 ölçeg üçin, faýly ep-esli kiçeldýär. MDN ICO-nyň içindäki PNG-niň Vista-dan öň goldanylmandygyny we köne programmalarda kynçylyk döredip biljekdigini belleýär, ýöne häzirki brauzerler we Windows wersiýalary iki görnüşi hem okaýar.
Haýsy ölçegler gerek?
Windows programma nyşanlary
Microsoft-yň häzirki programma nyşanlary boýunça görkezmesi Win32 programmasynyň azyndan 16x16, 24x24, 32x32, 48x48 we 256x256 ölçegleri öz içine almalydygyny aýdýar. Windows takyk gabat gelýänini tapmasa, indiki uly ölçegi kiçeldýär; 256 pikselli surat bar bolsa, nyşan diňe kiçeldilýär, hiç haçan ulaldylmaýar. Meselem, 100% masştabda at setiri we kontekst menýulary 16 piksel, ýumuş paneli bolsa 24 piksel ulanýar; 200%-de bular 32 we 48 bolýar.
Web saýtlar üçin faviconlar
Web başgaça işleýär. HTML Standartyna görä, sahypada rel="icon" salgysy bolmasa, brauzerler saýtyň kök bukjasyndan /favicon.ico soraýar. Şonuň üçin kök bukjada favicon.ico saklamak henizem gowy endik, ýöne ol özbaşdak ýeterlik däl:
- Google Gözleg azyndan 8x8 pikselli inedördül (1:1) favicon talap edýär we dürli ýüzlerde gowy görünmegi üçin 48x48-den ulusyny maslahat berýär.
- iPhone we iPad öý ekranlary 180x180
apple-touch-iconulanýar. - Android we PWA-lar web programma manifestinde 192 we 512 pikselli nyşanlara, uýgunlaşýan nyşanlar üçin bolsa "maskable" görnüşe garaşýar.
- Häzirki brauzerler SVG faviconlaryny hem goldaýar; bir wektor faýly ähli ölçegleri örtýär.
Amalda favicon.ico-nyň içine 16, 32 we 48 pikseli goýmak kompýuter brauzerlerini we köne ulgamlary örtýär, has uly ölçegler bolsa aýry PNG faýllary hökmünde berilýär.
Ulgamlarda, brauzerlerde we programmalarda goldaw
Windows ICO-ny göni okaýar we ýazýar; Explorer, ýarlyklar we iş stoly onuň bilen işleýär. MDN-e görä, Chrome, Edge, Firefox, Opera we Safari ICO faýllaryny görkezýär. macOS programma nyşanlary üçin öz ICNS formatyny ulanýar, ýöne Preview ICO-ny açýar. GIMP ýaly redaktorlar ICO-ny her ölçeg üçin bir gatlak bolan gatlakly faýl hökmünde açýar. MDN umumy web mazmunynda ICO-ny ulanmazlygy maslahat berýär we faviconlaryň <link> elementi bilen PNG-e geçendigini belleýär.
Güýçli we gowşak taraplary
| Güýçli taraplary | Gowşak taraplary |
|---|---|
| Bir faýlda birnäçe ölçeg we reňk çuňlugy | Iň köp 256x256 piksel |
| Windows-da umumy goldaw | Webde faviconlardan başga ulanylyşy ýok |
| Alfa kanaly we PNG gysyşy (Vista we soňky wersiýalar) | Köne BMP esasly ýazgylar uly we oňaýsyz |
| Brauzerler kök bukjadaky favicon.ico-ny awtomatik gözleýär | Ýörite gural gerek; her programma ony ýazyp bilmeýär |
Ýygy duş gelýän meseleler we olary çözmek
PNG-niň adyny .ico edip üýtgetmek ýeterlik dälmi?
Käbir brauzerler muňa çydaýar, ýöne bu hakyky ICO däl: nyşan katalogy ýok we Windows ony nyşan hökmünde kabul etmeýär. Dogry ýol suraty hakyky ICO-a öwürmekdir. Biziň PNG-den ICO-a we JPG-den ICO-a gurallarymyz hemişe 16, 32 we 48 pikselli inedördülleri ýazýar we suratyňyz ýeterlik uly bolsa 64, 128 we 256-ny goşýar. Her ölçeg PNG hökmünde goşulýar, şonuň üçin aýdynlyk saklanýar.
Favicon bulanyk ýa-da okalmaýar
Inçe çyzyklar we kiçi tekst 16 pikselde ýitýär. Galyň, ýokary kontrastly, ýönekeý belgi ulanyň; gerek bolsa, logotipiňiziň diňe nyşan bölegini alyň. Azyndan 256x256, iň gowusy 512x512 pikselli inedördül çeşme iň gowy netijäni berýär.
Inedördül däl surat gysylan ýa-da süýndürilen görünýär
Nyşanlar inedördüldir. Gurallarymyz suraty hiç haçan süýndürmeýär: olar ony gatnaşyklaryny saklap inedördülüň ortasyna ýerleşdirýär we gyralary aýdyň galdyrýar. Kämil inedördül üçin ilki suraty kesmek guraly bilen inedördül bölegi kesip alyň.
Täze favicon görünmeýär
Brauzerler faviconlary uzak wagtlap keşde saklaýar. Faýlyň adyny üýtgetmek ýa-da wersiýa parametrini goşmak (/favicon.ico?v=2) we serweriň dogry MIME görnüşini gaýtarýandygyny barlamak adatça meseläni çözýär. Google Gözleg netijelerindäki nyşan diňe saýt gaýtadan skanerlenenden soň täzelenýär.
Windows henizem köne nyşany görkezýär
Windows nyşanlary aýry keşde saklaýar. Programmany gaýtadan gurmak we ýarlygy täzeden döretmek ýa-da ulgamdan çykyp gaýtadan girmek köplenç ýeterlik.
Öwürmek boýunça maslahatlar
- Web saýt üçin bir ICO ýeterlik däl: Favicon döredijisi bir gezekde favicon.ico (16, 32 we 48 piksel), favicon-48x48.png, apple-touch-icon.png (180 piksel), icon-192.png, icon-512.png, maskable icon-512-maskable.png we site.webmanifest döredýär, çeşme SVG bolsa icon.svg-ni hem goşýar. Ol sahypaňyzyň
<head>bölümine goýmaly kody hem berýär. - Apple nyşanyna dury däl fon gerek: iOS aýdyň meýdanlary gara görkezýär we burçlary özi tegeleýär, şonuň üçin favicon döredijisi apple-touch-icon-y siziň saýlan fon reňkiňiz bilen doldurýar.
- Logotipiňiz SVG bolsa: SVG-den PNG-e öwrüji bilen uly PNG döredip, ony ICO-a öwüriň ýa-da SVG-ni göni favicon döredijisine beriň.
ICO we favicon gurallarymyz brauzeriňizde işleýär; suratyňyz ýüklenmeýär we hiç haçan enjamyňyzdan çykmaýar.
Köp berilýän soraglar
ICO suratynyň iň uly ölçegi näçe?
Katalog ýazgysyndaky ini we beýikligi meýdanlarynyň her biri bir baýt, 0 bolsa 256 diýmekdir. Şonuň üçin ICO-nyň içindäki ýeke surat iň köp 256x256 piksel.
Favicon üçin ICO ulanmalymy ýa-da PNG?
Ikisini hem ulanyň. 16, 32 we 48 pikselli kök favicon.ico köne brauzerlere we awtomatik soraglara hyzmat edýär; häzirki brauzerler we mobil enjamlar üçin PNG (we islege görä SVG) nyşanlaryny <link> tegleri bilen yglan ediň.
ICO aýdynlygy goldaýarmy?
Hawa. Köne ICO-lar 1 bitlik maska ulanýar, 32 bitli suratlarda Windows XP-den bäri doly alfa kanaly bar, goşulan PNG bolsa Vista-dan bäri aýdynlygy saklaýar.
ICO faýlyny PNG-e nädip öwürmeli?
ICO-ňyzy surat öwrüjisine goşuň we maksat hökmünde PNG-ni saýlaň. Faýlda birnäçe ölçeg bar bolsa, iň ulusy ulanylýar.
ICO faýllary Mac-da ulanylýarmy?
macOS programma nyşanlary üçin ICNS formatyny ulanýar. Web saýtlar üçin favicon.ico we PNG nyşanlary ähli operasion ulgamlardaky brauzerlerde işleýär.
