Vodniki za ikone strani
Jasni odgovori na vprašanja pri ustvarjanju ikone strani: katere velikosti, katere oblike in katero kodo vstaviti.
Velikosti ikon strani: oblike in uporaba
Iskanje »velikost ikone strani« še vedno vrne sezname petnajstih datotek iz leta 2014. V praksi danes šest dimenzij pokrije zavihke brskalnika, rezultate iskanja, iOS, Android in PWA. Predstavljamo jih in pojasnjujemo, zakaj jih potrebujete.
Preberi vodnikBrezplačno pretvorite PNG v ICO
.ico je še vedno pričakovana oblika v korenu strani, večina spletnih pretvornikov pa zahteva nalaganje slike na njihov strežnik. Poglejmo, kako iz PNG dobiti pravilen favicon.ico z več velikostmi, brez kakršnega koli nalaganja.
Preberi vodnikIkona Apple Touch: velikost, oblika in koda
Ikona Apple Touch izrecno določa sliko, ki se uporabi, ko obiskovalec doda vašo stran na začetni zaslon iPhona. Ločena je od ikone zavihka brskalnika in ikon, navedenih v manifestu spletne aplikacije.
Preberi vodnikIkona strani SVG za temni način
Črn logotip na prosojnem ozadju je v svetlem zavihku popoln, v temnem pa izgine. ICO se ne zna prilagajati, ikona SVG pa se lahko: vsebuje pravilo CSS, ki zamenja barve glede na temo brskalnika.
Preberi vodnikDodajanje ikone strani v HTML
Zanesljiva ikona strani v HTML ni odvisna od ene čarobne oznake. Uporablja majhen nabor dosegljivih datotek in povezav v head. Postopek pokrije sodobne zavihke, starejše odjemalce in mobilne bližnjice brez množice zgodovinskih različic.
Preberi vodnikIkona strani se ne prikaže ali ne posodobi
Ko ikona strani manjka, težava ni vedno v datoteki. Brskalnik, CDN, storitveni delavec in iskalnik lahko hranijo različne različice. Urejen diagnostični postopek prepreči spreminjanje več dejavnikov hkrati.
Preberi vodnikIkone strani v Next.js App Router
App Router lahko ustvari elemente ikon iz datotek z dogovorjenimi imeni ali iz objekta metadata. Oba pristopa sta veljavna, a njuno mešanje brez jasnega pravila hitro ustvari medsebojno nasprotujoče si navedbe.
Preberi vodnikVodnik za ikono strani SVG
SVG ohrani ostre robove pri vsaki gostoti slikovnih pik in zna prilagoditi barve temi. Ta prilagodljivost ima eno omejitev: datoteka mora ostati samostojna, preprosta in berljiva na zelo majhnem prostoru.
Preberi vodnik