파비콘 생성기

기능

표준 크기 전부 생성

link 태그 코드 생성

manifest.json 스니펫

zip으로 묶어 내려받기

사용 방법

1. 업로드 영역에 정사각형 이미지(PNG/JPG)를 드래그하세요.

2. 생성된 모든 크기를 미리보기하세요.

3. 다운로드 버튼을 클릭하여 ZIP 파일로 저장하세요.

이 도구에 대하여

파비콘은 브라우저 탭, 북마크, 방문 기록, 홈 화면 바로가기, 검색 결과에 나타나며 위치마다 필요한 크기가 다릅니다. 이 생성기는 정사각형 이미지 한 장이나 색 배경 위의 한두 글자를 16, 32, 48, 64, 128, 180, 192, 256, 512픽셀로 그리고, 각 PNG마다 다운로드 버튼을 제공합니다. 파비콘이 망가지기 쉬운 것은 작은 크기입니다. 16 × 16에서는 세밀한 표현과 가는 글자가 사라지므로 굵은 모양과 강한 대비가 가장 좋습니다. 큰 크기도 선명하게 유지하려면 512 × 512픽셀 이상의 정사각형 원본을 쓰세요. 다운로드한 뒤에는 페이지 head에서 link 태그로 파일을 참조하고, 설치형 웹 앱이라면 manifest에 192와 512 크기를 적습니다.

자주 묻는 질문

실제로 필요한 파비콘 크기는 무엇인가요?

대부분의 사이트에는 브라우저 탭용 32 × 32(구형 호환용 16 × 16), Apple 터치 아이콘용 180 × 180, Android와 웹 앱 manifest용 192 × 192와 512 × 512가 필요합니다. Google 검색은 48픽셀 배수 크기의 파비콘을 표시하므로 48 × 48도 있으면 좋습니다.

페이지에는 어떤 HTML을 넣어야 하나요?

일반적으로 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">, <link rel="apple-touch-icon" href="/favicon-180x180.png">, 그리고 192와 512 아이콘을 나열한 manifest를 모든 페이지의 <head>에 넣습니다.

.ico 파일도 만들어 주나요?

아니요. PNG 파일을 내보내며, 현재 모든 브라우저가 rel="icon"에 PNG를 지원합니다. 아주 오래된 브라우저나 일부 Windows 기능을 위해 여러 크기가 담긴 favicon.ico가 필요하다면 전용 ICO 도구로 16, 32, 48 PNG를 합치세요.

16픽셀에서 파비콘이 흐리거나 알아볼 수 없는 이유는 무엇인가요?

512픽셀에서 보이던 디테일은 16픽셀에서 사라집니다. 단순화한 로고, 굵은 선, 강한 대비를 쓰거나, 굵은 글자 하나를 넣는 텍스트 옵션을 쓰면 작은 크기에서도 잘 보입니다.

새 파비콘이 보이지 않는 이유는 무엇인가요?

브라우저는 파비콘을 강하게 캐시합니다. 캐시를 지우거나 시크릿 창에서 사이트를 열고, 교체할 때는 파일 이름을 바꾸거나 ?v=2 같은 버전 매개변수를 붙이세요. 검색 엔진에 반영되기까지는 며칠에서 몇 주가 걸릴 수 있습니다.

생성된 파비콘

기능

사용 방법

이 도구에 대하여

자주 묻는 질문

관련 도구