Táknmyndir í Next.js App Router

Settu favicon.ico í rót app. Studdar icon-skrár geta verið í leiðarhluta en apple-icon lýsir tákninu sem er ætlað Apple-tækjum.

Next.js finnur þessar skrár, ákvarðar gagnlegar eigindir og bætir við samsvarandi link-einingum í head. Tákn í leiðarhluta á við leiðir innan þess hluta.

Ef myndskrár eru í public eða á myndaþjóni skaltu tilgreina metadata.icons í layout eða síðu. Tilgreindu icon, apple og, þegar þarf, shortcut með samræmdum vefslóðum.

Lýsigögn úr undirhluta geta komið í stað samsettra reita sem erfðust frá yfirhluta. Skoðaðu endanlegt head á nokkrum leiðum í stað þess að gera ráð fyrir að allar færslur yfirhlutans hafi sameinast.

Fyrir tákn sem er búið til eftir þörfum styður Next.js einnig icon.tsx eða icon.js. Fallið skilar myndgögnum með skýrri stærð og efnisgerð. Notaðu þessa leið þegar samsetningin þarf raunverulega að vera kvik: kyrrstæð skrá er einfaldari að geyma í skyndiminni, skoða og afhenda stöðugt milli útgáfa.

Kyrrstæð birtingarskrá eða manifest.ts-fall getur lýst heiti forritsins, litum og uppsetningartáknum. Slóðir tákna í birtingarskránni verða að vera opinberar og vísa í skrár með tilgreindum stærðum.

Haltu hlutverki birtingarskrárinnar aðskildu frá táknmynd flipans: 512×512-uppsetningartákn kemur ekki sjálfkrafa í stað icon.svg eða favicon.ico.

Keyrðu framleiðslusmíð, opnaðu eina leið úr hverjum hluta sem verður fyrir áhrifum og skoðaðu link-einingarnar. Opnaðu svo hverja skráarslóð beint og staðfestu að millihugbúnaður grípi hana ekki.

Ef þú notar basePath eða CDN skaltu prófa slóðirnar í hýsingarumhverfinu. Hegðun í þróun sýnir ekki alltaf ranga opinbera grunnslóð eða endurskrifunarreglu.