Favicon 생성기
이미지 업로드 → 6가지 크기 PNG 즉시 다운로드
파비콘(Favicon)이란?
파비콘은 브라우저 탭, 북마크, 앱 아이콘에 표시되는 작은 아이콘입니다. 사이트 브랜딩의 핵심 요소로, 올바른 크기와 형식으로 설정해야 모든 기기에서 선명하게 표시됩니다. PNG 형식이 권장되며 ICO, SVG 형식도 지원됩니다.
자주 묻는 질문
파비콘 권장 크기는?
최소 16×16(브라우저 탭), 32×32(고해상도 탭), 48×48(Windows 바로가기), 180×180(Apple Touch Icon), 192×192(Android PWA), 512×512(PWA 스플래시)가 권장됩니다. 원본 이미지는 최소 512×512 이상 정사각형이 좋습니다.
파비콘 HTML 코드를 어디에 넣나요?
<head> 태그 안에 넣으면 됩니다. 파비콘 파일은 웹서버의 루트(/)에 업로드하거나 <link> 태그의 href를 맞게 수정하세요.
favicon.ico도 필요한가요?
현대 브라우저는 PNG 파비콘을 지원하지만, 일부 오래된 브라우저나 도구는 favicon.ico를 사용합니다. 사이트 루트에 favicon.ico를 함께 배치하면 호환성이 높아집니다.
SVG 파비콘을 사용할 수 있나요?
최신 브라우저(Chrome, Firefox, Safari)는 SVG 파비콘을 지원합니다. <link rel="icon" type="image/svg+xml" href="/favicon.svg"> 형식으로 사용합니다. 확대해도 선명하게 표시되는 장점이 있습니다.
Apple Touch Icon이란?
iOS 기기에서 웹사이트를 홈 화면에 추가할 때 사용되는 아이콘입니다. 180×180px이 권장 크기입니다. <link rel="apple-touch-icon" href="/apple-touch-icon.png"> 형식으로 추가합니다.
PWA 아이콘은 어떻게 설정하나요?
manifest.json 파일에 192×192와 512×512 PNG 아이콘을 등록합니다. 512×512는 앱 설치 시 스플래시 화면에도 사용됩니다. 둘 다 maskable 버전도 준비하면 더 좋습니다.
파비콘이 캐시되어 즉시 반영되지 않는 경우는?
파비콘은 브라우저가 오래 캐시합니다. 강제 갱신하려면 URL에 쿼리 파라미터를 추가하세요: <link rel="icon" href="/favicon.png?v=2">. 또는 브라우저 캐시를 직접 삭제하세요.
파비콘 파일 최적화 팁은?
작은 크기(16×16, 32×32)에서는 세밀한 디테일이 뭉갤 수 있습니다. 단순하고 대비가 높은 디자인이 효과적입니다. 배경 없이 투명 PNG로 만들면 다크/라이트 모드 모두 잘 어울립니다.