Leiðbeiningar um táknmyndir
Skýr svör við spurningum sem vakna þegar þú býrð til táknmynd: hvaða stærðir og snið á að nota og hvaða kóða á að líma inn.
Stærðir táknmynda: snið og notkun
Leit að „stærð táknmyndar“ skilar enn fimmtán skráa gátlistum frá 2014. Í raun duga nú sex stærðir fyrir vafraflipa, leitarniðurstöður, iOS, Android og PWA. Hér eru þær og ástæðurnar fyrir valinu.
Lesa leiðbeiningarnarUmbreyta PNG í ICO, ókeypis
Enn er búist við .ico-sniði í rót vefs og flestir netumbreytar biðja þig að senda myndina á netþjón. Svona færðu rétta favicon.ico með mörgum stærðum úr PNG án þess að senda neitt frá þér.
Lesa leiðbeiningarnarapple-touch-icon: stærð, snið og kóði
Apple Touch-táknið tilgreinir sérstaklega myndina sem er notuð þegar gestur bætir vefnum þínum við heimaskjá iPhone. Það er aðskilið frá táknmynd vafraflipans og táknum í birtingarskrá vefforritsins.
Lesa leiðbeiningarnarTáknmynd í dökkri stillingu með SVG
Svart lógó á gegnsæjum bakgrunni er fullkomið á ljósum flipa en hverfur á dökkum. ICO-sniðið getur ekki aðlagast en SVG-táknmyndin getur það: hún inniheldur CSS-reglu sem skiptir um liti eftir þema vafrans.
Lesa leiðbeiningarnarBæta táknmynd við HTML
Áreiðanleg táknmynd í HTML byggist ekki á einu töfratagi. Hún notar lítið safn aðgengilegra skráa og tengla í head. Þessi aðferð nær yfir nýja flipa, eldri forrit og flýtileiðir í símum án þess að fjölga sögulegum afbrigðum.
Lesa leiðbeiningarnarTáknmynd birtist ekki eða uppfærist ekki
Þegar táknmynd vantar er skráin ekki alltaf vandamálið. Vafrinn, CDN, service worker og leitarvél geta hvert geymt sína útgáfu. Skipuleg greining kemur í veg fyrir að þú breytir nokkrum atriðum í einu.
Lesa leiðbeiningarnarTáknmyndir í Next.js App Router
App Router getur búið til táknmyndaeiningar úr skrám með hefðbundnum nöfnum eða úr metadata-hlutnum. Báðar leiðir eru gildar en ef þeim er blandað saman án skýrrar reglu geta auðveldlega orðið til tilvísanir sem keppa sín á milli.
Lesa leiðbeiningarnarLeiðbeiningar um SVG-táknmyndir
SVG heldur brúnum skörpum við hvaða pixlaþéttleika sem er og getur aðlagað liti að þemanu. Þessum sveigjanleika fylgir eitt skilyrði: skráin verður að vera sjálfstæð, einföld og læsileg í örlitlu rými.
Lesa leiðbeiningarnar