Favicon pentru Next.js
Next.js 14+ App Router tratează /app/icon.png și /app/favicon.ico ca convenții - introduceți-le și Next emite automat etichetele potrivite.
Plasați favicon.ico în /app și Next îl va difuza la /favicon.ico și injectați eticheta de link.
Pentru pictograme cu mai multe dimensiuni sau tematice, utilizați convențiile de fișier: icon.png, icon.svg, apple-icon.png în interiorul /app. Apoi generează etichetele <link> din metadatele fișierului.
Cum funcționează
- 1
Generați favicon.ico
Multi-dimensiuni 16/32/48/64 dintr-o sursă de 512×512.
- 2
Plasați în /app
/app/favicon.ico este difuzat automat. Adăugați icon.png pentru HD.
- 3
Verifica
Deschideți /favicon.ico în browserul dvs. — Apoi îl servește fără nicio configurație.
Încearcă acum
Generați o favicon gata pentru Next.js
Generator de FaviconÎntrebări frecvente
Unde merg pictogramele în Next.js App Router?+
În directorul /app. Numele fișierului (pictogramă, pictogramă măr, favicon) determină rolul.
Cum rămâne cu Pages Router?+
Introduceți favicon.ico în /public și conectați-l de la _document.tsx.
Mai am nevoie de un .ico cu mai multe dimensiuni?+
Recomandat pentru suportul browserului vechi, în special Edge și comenzile rapide în modul IE.
Instrumente conexe
Generator de Favicon
Generează un pachet complet de favicon (ICO + PNG-uri) pentru orice dispozitiv și browser.
Convertor PNG în ICO
Convertor online gratuit din PNG în ICO pentru iconițe Windows, pictograme de aplicații și faviconuri de site-uri.
Convertor SVG în PNG
Rasterizează grafice vectoriale SVG în PNG la orice rezoluție.