Anything Tools

파비콘 생성기 완벽 가이드: 다중 크기 ICO, Apple Touch 및 PWA 아이콘 제작

|
|
6 분 분량
|
Design
파비콘 생성기 완벽 가이드: 다중 크기 ICO, Apple Touch 및 PWA 아이콘 제작

현대적인 웹사이트는 단순한 16×16 아이콘 외에도 다크 모드 브라우저 탭, Google 검색 결과(SERP), iOS 홈 화면 아이콘, Android PWA를 위한 다양한 해상도의 아이콘을 필요로 합니다.

파비콘 및 앱 아이콘 생성기를 사용하면 텍스트 이니셜, 이모지 또는 PNG/SVG 로고로부터 모든 표준 아이콘 파일과 HTML <head> 코드를 즉시 생성할 수 있습니다.


1. 필수 파비콘 및 앱 아이콘 규격

  1. favicon.ico (16×16, 32×32, 48×48 다중 레이어): Google 검색 노출 가이드라인(48×48 배수)을 충족하는 통합 바이너리 파일.
  2. favicon-16x16.png 및 32x32.png: 데스크톱 및 레티나 브라우저 탭.
  3. apple-touch-icon.png (180×180): iOS Safari 홈 화면 추가 아이콘.
  4. android-chrome-192x192.png 및 512x512.png + site.webmanifest: Android 및 PWA 매니페스트 구성 파일.

업로드 전에 SVG 색상을 변경하려면 SVG 뷰어 및 최적화 도구와 색상 선택기를 함께 활용해 보세요.