⭐ 파비콘 만들기
텍스트·이모지·이미지로 나만의 파비콘(Favicon)을 만들어보세요.
.ico와 PNG·애플터치 아이콘을 한 번에 받고, HTML 코드까지 복사할 수 있습니다.
⚙️ 디자인 설정
클릭 또는 드래그하여 업로드
PNG·JPG·SVG·WebP · 정사각형 권장 · 투명 배경 지원
⬛ 사각형
▢ 둥근모서리
⬤ 원형
브라우저 탭 미리보기
📋 HTML 삽입 코드 (<head> 안에 붙여넣기)
💡 파비콘 적용 방법 (3단계)
- 다운로드 — 위에서 favicon.ico와 필요한 PNG 파일을 내려받습니다.
- 업로드 — 받은 파일들을 웹사이트 최상위 폴더(루트)에 그대로 올립니다.
- 코드 삽입 — 위 HTML 코드를 페이지의 <head> ... </head> 사이에 붙여넣고 저장하면 끝! (브라우저 캐시 때문에 바로 안 보이면 새로고침하세요.)
❓ 자주 묻는 질문
파비콘(Favicon)이란 무엇인가요?
파비콘은 'Favorites Icon'의 줄임말로, 브라우저 탭·즐겨찾기·주소창에 표시되는 사이트의 작은 대표 아이콘입니다. 보통 16×16, 32×32 픽셀로 표시되며 브랜드 식별과 사이트 신뢰도에 큰 영향을 줍니다.
어떤 크기와 형식으로 만들어야 하나요?
기본 favicon.ico에는 16×16, 32×32, 48×48 픽셀을 함께 담는 것이 좋습니다. 추가로 애플 기기 홈 화면용 apple-touch-icon(180×180), 안드로이드·PWA용 192×192·512×512 PNG를 준비하면 거의 모든 환경을 지원합니다. 이 도구는 해당 파일들을 한 번에 만들어 줍니다.
만든 파비콘을 사이트에 어떻게 적용하나요?
다운로드한 파일들을 사이트 최상위 폴더에 업로드한 뒤, 페이지 <head> 안에 본 도구가 제공하는 <link rel="icon"> 코드를 붙여넣으면 됩니다. 위 '복사' 버튼으로 코드를 그대로 가져갈 수 있습니다.
이미지 없이 글자나 이모지로도 만들 수 있나요?
네. 텍스트 모드에서 회사 이니셜 같은 1~3글자를 입력하고 글꼴·색상·배경을 고르면 즉시 파비콘이 됩니다. 이모지 모드에서는 ⭐🚀🐱 같은 이모지를 그대로 아이콘으로 사용할 수 있어 별도의 이미지 파일이 필요 없습니다.
업로드한 이미지가 서버로 전송되나요?
아니요. 모든 생성 과정은 100% 브라우저 안에서만 이루어지며, 이미지나 텍스트가 외부 서버로 전송되지 않습니다. 개인정보와 디자인이 안전하게 보호됩니다.