파비콘 만들기 — Favicon Generator

사용 방법

1. 파비콘으로 사용할 정사각형 이미지를 업로드합니다.
2. 업로드 즉시 6가지 파비콘 사이즈(16, 32, 48, 180, 192, 512px)가 생성됩니다.
3. 필요한 사이즈의 파비콘을 개별적으로 다운로드합니다.

생성 기준

업로드한 원본 이미지를 브라우저 안에서 캔버스로 다시 그려 16·32·48·180·192·512px의 정사각형 PNG로 축소합니다. 파일이 서버로 올라가지 않으므로 작업 중인 로고나 시안도 외부 노출 없이 사용할 수 있습니다. 작은 사이즈는 픽셀 수가 적어 가는 선이나 글자가 뭉개지기 쉬우므로, 여백을 넉넉히 둔 단순한 형태가 또렷하게 표현됩니다.

활용 예시와 결과 해석

예를 들어 블로그나 회사 홈페이지에는 16·32px를 브라우저 탭 아이콘으로 연결하고, 모바일 사용자가 홈 화면에 추가할 경우를 대비해 180px(Apple 터치 아이콘)와 192·512px(PWA 매니페스트)를 함께 등록합니다. 미리보기에서 작은 크기가 흐릿하게 보인다면 원본의 디테일이 너무 많다는 신호이므로, 핵심 심볼만 남긴 버전을 다시 올리는 것이 좋습니다.

주의사항

직사각형 이미지는 비율에 맞춰 줄어들어 양옆이나 위아래에 여백이 생길 수 있으니 정사각형 원본을 권장합니다. 또 결과는 PNG로 제공되며 별도의 .ico 파일은 만들지 않습니다. 투명 배경이 필요하면 원본에 투명 영역을 유지한 PNG를 올려야 결과에도 투명도가 보존됩니다.

자주 묻는 질문

각 파비콘 사이즈는 어디에 사용되나요?

16×16은 브라우저 탭, 32×32는 즐겨찾기, 180×180은 Apple 터치 아이콘, 192×192와 512×512는 PWA 매니페스트에서 사용됩니다.

ICO 파일도 생성되나요?

현재는 PNG 형식으로 파비콘을 생성합니다. 대부분의 최신 브라우저는 PNG 파비콘을 지원합니다.

어떤 이미지가 파비콘에 적합한가요?

정사각형이고 배경이 단순한 이미지가 작은 사이즈에서도 잘 보입니다. 직사각형 이미지는 비율에 맞게 축소됩니다.

생성한 파비콘을 사이트에 어떻게 연결하나요?

다운로드한 PNG를 사이트에 올린 뒤 head 영역에 link 태그로 각 사이즈를 연결하면 됩니다. PWA를 운영한다면 매니페스트 파일에 192·512px를 등록하세요.