파비콘 생성기
이미지 한 장이나 글자와 배경색으로 favicon.ico(16, 32, 48px 포함), 애플 터치 아이콘, 안드로이드용 192·512px 아이콘, site.webmanifest와 HTML 코드를 한 번에 만들어 ZIP으로 받아요.
미리보기
설정
사용 방법
이런 때 쓰면 좋아요
파비콘은 브라우저 탭, 즐겨찾기, 검색 결과에서 사이트 이름 옆에 보이는 작은 아이콘이에요. 없으면 회색 빈 아이콘이 나와서 사이트가 덜 완성된 느낌을 주고, 구글 검색 결과에도 기본 아이콘이 표시돼요.
기기마다 필요한 크기가 달라요. 오래된 브라우저는 favicon.ico를 찾고, 아이폰 홈 화면에 추가할 때는 180px apple-touch-icon을, 안드로이드는 192px과 512px 아이콘이 담긴 매니페스트를 봐요. 이 도구는 이 파일을 한 번에 만들고, 여러 크기를 하나에 담은 진짜 ICO 파일도 직접 만들어 줘요.
로고가 아직 없다면 사이트 이름의 첫 글자와 대표 색으로 만들어도 충분히 깔끔해요. 16px에서는 세밀한 그림이 뭉개지니 단순한 모양을 추천해요.
자주 묻는 질문
favicon.ico는 꼭 있어야 하나요?
최신 브라우저는 PNG도 읽지만, 일부 브라우저와 서비스는 여전히 사이트 맨 위의 /favicon.ico를 먼저 찾아요. 같이 두는 게 가장 안전해요.
넣었는데 아이콘이 안 바뀌어요.
브라우저가 예전 파비콘을 오래 기억해요. 강력 새로고침(Ctrl+Shift+R)을 하거나 시크릿 창에서 확인하세요. 검색 결과에 반영되는 데는 며칠 걸릴 수 있어요.
SVG 파비콘도 되나요?
SVG 이미지를 넣으면 그것을 바탕으로 PNG와 ICO를 만들어요. SVG 원본도 쓰고 싶다면 <link rel="icon" href="/favicon.svg" type="image/svg+xml">를 추가로 넣으세요.
한글 글자로 만들어도 되나요?
네. 한 글자가 가장 잘 보이고, 두 글자까지는 괜찮아요. 16px에서는 획이 많은 글자가 뭉개질 수 있으니 미리보기를 꼭 확인하세요.