favicon.ico 만드는 방법

현대적인 favicon 설정:

<!-- app/layout.tsx 또는 HTML head -->
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">

생성 도구:

• realfavicongenerator.net — SVG/PNG 업로드하면 모든 크기 자동 생성
• Next.js: app/favicon.ico 또는 app/icon.tsx로 동적 생성

필요한 파일:

• favicon.ico (32x32, 레거시)
• SVG 아이콘 (현대 브라우저)
• apple-touch-icon.png (180x180)
• android-chrome-192x192.png, 512x512.png