Faviconi juhendid
Selged vastused faviconi loomisel tekkivatele küsimustele: millised mõõtmed, millised vormingud ja milline kood lisada.
Faviconi mõõtmed: vormingud ja kasutus
Otsing „faviconi suurus” annab endiselt viieteistkümnest failist koosnevaid kontrollnimekirju, mis pärinevad 2014. aastast. Tegelikult katavad kuus mõõdet praegu brauseri vahekaardid, otsingutulemused, iOS-i, Androidi ja PWA-d. Siin on need mõõtmed koos põhjendustega.
Loe juhenditTeisenda PNG tasuta ICO-ks
.ico on saidi juurkaustas endiselt eeldatav vorming ning enamik veebiteisendajaid palub pildi oma serverisse üles laadida. Siin selgitame, kuidas saada PNG-st korrektne mitme mõõtmega favicon.ico ilma midagi üles laadimata.
Loe juhenditapple-touch-icon: suurus, vorming ja kood
Apple Touchi ikoon määrab selgesõnaliselt pildi, mida kasutatakse siis, kui külastaja lisab sinu saidi iPhone'i avakuvale. See on eraldi nii brauseri vahekaardi faviconist kui ka veebirakenduse manifestis deklareeritud ikoonidest.
Loe juhenditTumeda režiimi favicon SVG-ga
Must logo läbipaistval taustal näeb heledal vahekaardil suurepärane välja, kuid kaob tumedal. ICO-vorming ei saa kohanduda, SVG-favicon aga saab: see sisaldab CSS-reeglit, mis vahetab värve brauseri kujunduse järgi.
Loe juhenditFaviconi lisamine HTML-is
Töökindel HTML-favicon ei sõltu ühest maagilisest sildist. See kasutab väikest hulka kättesaadavaid faile ja head-ossa paigutatud linke. See lahendus katab moodsad vahekaardid, vanemad kliendid ja mobiilsed otseteed ajaloolisi variante juurde tekitamata.
Loe juhenditFavicon ei ilmu või ei uuene
Kui favicon puudub, pole probleem alati failis. Brauser, CDN, teenusetöötaja ja otsingumootor võivad igaüks säilitada eri versiooni. Järjestikune veaotsing väldib mitme muutuja korraga muutmist.
Loe juhenditFaviconid Next.js App Routeris
App Router saab luua ikoonielemente kokkuleppeliste failide või metadata-objekti põhjal. Mõlemad lähenemised sobivad, kuid nende selge reeglita segamine võib kergesti tekitada omavahel konkureerivaid deklaratsioone.
Loe juhenditSVG-faviconi juhend
SVG hoiab servad teravana iga pikslitiheduse juures ja saab värve kujunduse järgi kohandada. Selle paindlikkusega kaasneb üks piirang: fail peab jääma iseseisvaks, lihtsaks ja tillukeses ruumis loetavaks.
Loe juhendit