파비콘 생성기
텍스트나 이모지로 파비콘을 만들어 보세요
파비콘 설정
미리보기
브라우저 탭 미리보기:
사용 방법
타입 선택
텍스트 또는 이모지 중 파비콘에 사용할 타입을 선택합니다.
디자인 커스텀
배경색, 글자색, 모양, 크기를 원하는 대로 조절합니다.
다운로드
미리보기를 확인하고 필요한 크기의 파비콘을 다운로드합니다.
파비콘 사용 가이드
파비콘을 다운로드한 후, HTML의 <head> 태그 안에 다음 코드를 추가하세요:
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
자주 묻는 질문
브라우저 탭이나 북마크에 표시되는 작은 아이콘입니다. 웹사이트의 브랜드 아이덴티티를 나타내는 중요한 요소입니다.
기본 16x16, 32x32이며, 다양한 기기 지원을 위해 192x192, 512x512 등 여러 크기를 제공하는 것이 좋습니다.
네, 최신 브라우저는 PNG를 지원합니다. 호환성을 위해 ICO도 함께 제공하면 더 좋습니다.
iOS 기기에서 홈 화면에 추가할 때 사용되는 아이콘입니다. 180x180 크기가 권장됩니다.
일반적으로 웹사이트 루트 디렉토리에 두거나, HTML link 태그로 경로를 명시합니다.
브라우저 캐시 때문입니다. 강력 새로고침(Ctrl+F5)을 하거나 캐시를 삭제해 보세요.
최신 브라우저는 SVG 파비콘을 지원합니다. 벡터 형식이라 모든 크기에서 선명하게 표시됩니다.
PNG 형식은 투명 배경을 지원합니다. 다만 ICO 형식은 브라우저에 따라 지원이 다를 수 있습니다.
다양한 디바이스와 용도(탭, 북마크, 홈화면 등)에서 최적의 화질로 표시하기 위해 여러 크기가 필요합니다.
네, 완전히 무료입니다. 생성된 파비콘은 상업적 용도로도 자유롭게 사용할 수 있습니다.
사용자 리뷰
김웹개발
프론트엔드 개발자포토샵 없이도 깔끔한 파비콘을 만들 수 있어서 좋아요. 미리보기 기능이 특히 편리합니다.
이스타트업
창업가MVP 만들 때 빠르게 파비콘 만들기 좋아요. 텍스트로 로고 대용으로 쓰기에 딱이에요.
박블로거
블로그 운영자이모지로 파비콘 만드는 기능이 재밌어요. 블로그 분위기에 맞게 쉽게 만들 수 있었습니다.
최디자인
UI 디자이너간단한 프로토타입 작업 시 빠르게 파비콘 만들기 좋습니다. 여러 크기 한번에 받을 수 있어서 편해요.
정학생
컴퓨터공학과학교 프로젝트 웹사이트에 파비콘 넣을 때 사용했어요. 무료인데 품질이 좋아서 만족합니다!
한프리랜서
웹 개발 프리랜서클라이언트 작업 중 임시 파비콘 필요할 때 애용합니다. HTML 코드까지 제공해줘서 편리해요.