Vodiči za favicone
Jasni odgovori na pitanja pri izradi favicona: koje dimenzije, koji formati i koji kod zalijepiti.
Dimenzije favicona: formati i namjena
Pretraga „dimenzije favicona” još uvijek donosi popise od petnaest datoteka naslijeđene iz 2014. U praksi šest dimenzija danas pokriva kartice preglednika, rezultate pretraživanja, iOS, Android i PWA aplikacije. Evo koje su i zašto.
Pročitajte vodičBesplatno pretvaranje PNG-a u ICO
.ico je i dalje očekivani format u korijenu stranice, a većina online pretvarača traži slanje slike na svoj poslužitelj. Evo kako iz PNG-a dobiti ispravan favicon.ico s više dimenzija bez slanja ijedne datoteke.
Pročitajte vodičapple-touch-icon: dimenzije, format i kod
Ikona Apple Touch izričito određuje sliku koja se koristi kada posjetitelj doda vašu stranicu na početni zaslon iPhonea. Odvojena je od favicona kartice preglednika i ikona deklariranih u manifestu web aplikacije.
Pročitajte vodičFavicon za tamni način uz SVG
Crni logotip na prozirnoj pozadini izgleda savršeno u svijetloj kartici, a nestaje u tamnoj. ICO se ne može prilagoditi, ali SVG favicon može: sadrži CSS pravilo koje mijenja boje ovisno o temi preglednika.
Pročitajte vodičDodavanje favicona u HTML
Pouzdan HTML favicon ne ovisi o jednoj čarobnoj oznaci. Koristi mali skup dostupnih datoteka i poveznica u elementu head. Ovaj postupak pokriva suvremene kartice, starije klijente i mobilne prečace bez gomilanja povijesnih inačica.
Pročitajte vodičFavicon se ne prikazuje ili ne ažurira
Kada favicon nedostaje, problem nije uvijek u datoteci. Preglednik, CDN, service worker i tražilica mogu zadržati različite inačice. Sustavna dijagnostika sprječava istodobno mijenjanje više varijabli.
Pročitajte vodičFaviconi u Next.js App Routeru
App Router može generirati elemente ikona iz datoteka imenovanih prema konvenciji ili iz objekta metadata. Oba su pristupa valjana, ali njihovo miješanje bez jasnog pravila lako stvara konkurentne deklaracije.
Pročitajte vodičVodič za SVG favicon
SVG zadržava oštre rubove pri svakoj gustoći piksela i može prilagoditi boje temi. Ta fleksibilnost donosi jedno ograničenje: datoteka mora ostati samostalna, jednostavna i čitljiva u vrlo malom prostoru.
Pročitajte vodič