.ico joprojām ir vietnes saknē sagaidāmais formāts, bet vairums tiešsaistes pārveidotāju lūdz augšupielādēt attēlu serverī. Lūk, kā no PNG iegūt pareizu favicon.ico ar vairākiem izmēriem, neko neaugšupielādējot.
.ico nav tikai pārdēvēts attēls
Ar logo.png pārdēvēšanu par favicon.ico nepietiek. ICO ir konteinera formāts ar savu galveni: tā apraksta attēlu skaitu, izmērus un vietu, kur failā katrs attēls sākas. Pārdēvētam PNG šādas galvenes nav, un stingrāki pārlūki atsakās to attēlot.
Pareizā ICO ir vairākas vienas ikonas izšķirtspējas. Pārlūks nolasa galveni, izvēlas vajadzīgajam izmēram tuvāko variantu un neko nepalielina.
PNG pārveidošana par ICO trijos soļos
Pirmais solis: sagatavojiet avotu. Kvadrātveida PNG ar vismaz 512×512 pikseļiem dod labāko rezultātu, jo visi izmēri tiks iegūti, samazinot attēlu. Ja fonam ir caurspīdīgums, jau tagad izlemiet, vai to paturēt: cilnei tas ir piemērots, bet iOS un Android to aizstās ar melnu.
Otrais solis: ģenerējiet izšķirtspējas. Failā jābūt vismaz 16×16, 32×32 un 48×48 attēliem. Izmēru maiņai jāizmanto kvalitatīvs pārparaugošanas filtrs, citādi mazās ikonas kļūs nesalasāmas.
Trešais solis: apvienojiet attēlus. Trīs attēli tiek ievietoti vienā ICO konteinerā ar galveni, kas apraksta katru ierakstu. Rezultātu ar nosaukumu favicon.ico ievieto vietnes saknē, kur pārlūki to atrod arī bez HTML taga.
Kāpēc pārveidošana ierīcē ir svarīga
Lielākā daļa PNG un ICO pārveidotāju augšupielādē jūsu failu serverī, apstrādā to un nosūta rezultātu atpakaļ. Jūsu logotips, bieži vēl pirms publiskas atklāšanas, nonāk datorā, kuru nekontrolējat, ar datu glabāšanas politiku, kuru neesat lasījis.
Taču moderns pārlūks visu spēj izdarīt pats: atkodēt PNG, mainīt izmēru uz canvas, no jauna kodēt katru izmēru un izveidot ICO konteineru. Tieši tā darbojas LFFavicon. Neviens pieprasījums nesatur jūsu attēlu, un cilnes aizvēršana visu notīra.
Ieguvums nav tikai teorētisks: pārveidošana notiek uzreiz, pēc lapas ielādes darbojas arī bezsaistē, un nav ne rindas, ne dienas ierobežojuma.
Ar .ico vien vairs nepietiek
PNG pārveidošana par ICO aptver cilnes un vecākus klientus, taču atstāj trīs neatrisinātas vides: modernus pārlūkus, kas dod priekšroku SVG asumam jebkurā izmērā, iOS sākuma ekrānu, kam vajadzīgs necaurspīdīgs 180×180 PNG, un Android, kas lasa tīmekļa manifestu.
Ja attēlu jau apstrādājat, izveidojiet visu komplektu vienā reizē. Tā dara ģenerators: viens avots nodrošina .ico, SVG, Apple Touch ikonu un manifesta ikonas, un katrai videi ir priekšskatījums pirms lejupielādes.
Pirmavoti
Bieži uzdotie jautājumi
Kāds PNG izmērs nepieciešams ICO izveidei?
Vismaz 512×512 pikseļu kvadrāts. Zem 128×128 lielākie komplekta izmēri jāpalielina, un rezultāts izskatās izplūdis. SVG ir vēl labāks, jo tam nav izšķirtspējas ierobežojuma.
Vai .ico saglabā caurspīdīgumu?
Jā, ICO formāts atbalsta pilnu alfa kanālu, un caurspīdīgs PNG paliek caurspīdīgs arī cilnē. Taču uzmanieties ar iOS ikonu: sistēma aizpilda caurspīdīgās vietas ar melnu, tādēļ pievienojiet fonu.
Kur jāievieto favicon.ico fails?
Domēna saknē, lai tas būtu sasniedzams adresē https://yoursite.com/favicon.ico. Pārlūki un rāpuļprogrammas pēc vienošanās pieprasa tieši šo adresi arī tad, ja fails nav norādīts ar link tagu.