🔖 글자 파비콘 생성기
글자·색·모양만 고르면 크기별 파비콘 PNG와 적용용 HTML 태그가 완성됩니다.
사용 방법
- 사이트 이름의 이니셜 1~2글자를 입력합니다.
- 배경색(단색 또는 그라데이션)·글자색·모양을 고릅니다.
- 16·32·48·180px 미리보기를 확인하고 필요한 크기를 다운로드합니다.
- 함께 제공되는 link 태그를 사이트 head에 붙여넣습니다.
이럴 때 유용해요
- 로고가 아직 없는 신규 사이트·사이드 프로젝트에 임시 파비콘이 필요할 때
- 블로그·포트폴리오에 브라우저 탭 아이콘을 달고 싶을 때
- 사내 도구·관리자 페이지를 탭에서 구분할 아이콘을 빠르게 만들 때
알아두면 좋은 팁
- 16px에서는 2글자가 뭉개지기 쉽습니다. 가장 작은 크기 미리보기를 꼭 확인하고, 흐릿하면 1글자로 줄이세요.
- 180px 파일(apple-touch-icon)은 아이폰 홈 화면에 추가할 때 사용됩니다. iOS가 모서리를 자동으로 둥글리므로 사각형으로 만들어도 됩니다.
- 배경과 글자의 명도 차이가 클수록 작은 크기에서 또렷합니다. 파스텔 배경엔 진한 글자를 쓰세요.
자주 묻는 질문
ico 파일이 아니어도 파비콘으로 쓸 수 있나요?
네. 모든 최신 브라우저는 PNG 파비콘을 지원하며, link 태그에 type="image/png"과 sizes만 지정하면 됩니다. 구형 IE 지원이 꼭 필요한 경우에만 favicon.ico가 필요한데, 그때는 '파비콘(ICO)' 변환 도구를 이용하세요.
크기가 왜 4가지나 필요한가요?
브라우저 탭·주소창은 16px, 북마크와 고해상도 탭은 32px, 데스크톱 바로가기는 48px, 아이폰 홈 화면은 180px을 사용합니다. 각 용도에 맞는 크기를 제공하면 어디서나 선명하게 표시됩니다.
만든 파비콘이 사이트에 반영이 안 돼요.
파비콘은 브라우저가 강하게 캐시합니다. 파일 업로드와 태그 삽입 후에도 예전 아이콘이 보이면 시크릿 창에서 확인하거나, href 뒤에 ?v=2 같은 쿼리를 붙여 캐시를 무효화하세요.
한글 이니셜도 되나요?
됩니다. '가', '온다' 같은 한글 1~2자를 그대로 아이콘에 넣을 수 있습니다. 시스템 고딕 글꼴로 렌더링되며, 한글은 획이 많아 1글자가 가장 또렷합니다.
