이미지로 파비콘 만들기
정사각형 로고나 이미지를 놓거나 글자 하나를 입력하면, 모든 아이콘 크기를 ZIP 하나로 내려받을 수 있어요.
- 기기에서 실행돼요
- 회원가입 불필요
- 한 번 방문하면 오프라인에서도 작동해요
head용 HTML
파비콘 만드는 법 방법
- 정사각형 로고나 이미지를 놓거나, 간단한 아이콘이 필요하면 글자를 입력하세요.
- 미리보기를 확인하고 여백과 배경을 고르세요.
- ZIP을 내려받고 HTML을 페이지의 head에 붙여넣으세요.
질문
어떤 크기가 필요한가요?
16 × 16, 32 × 32, 48 × 48 픽셀 이미지가 담긴 favicon.ico면 브라우저 탭과 Windows에서 쓸 수 있어요. iPhone과 iPad 홈 화면용으로는 180픽셀 애플 터치 아이콘을, 웹 앱 매니페스트가 있다면 192픽셀과 512픽셀 PNG를 추가하세요. ZIP에 모두 들어 있어요.
로고가 16픽셀에서 흐릿하게 보이는 이유는요?
16 × 16에서는 세밀한 부분이 살아남기 어려워요. 단순한 마크나 대비가 강한 글자 한두 개를 사용하세요. 미리보기에서 탭에 어떻게 보일지 확인할 수 있어요.
파일은 어디에 올리나요?
사이트의 루트 폴더에 업로드하고, HTML 줄을 페이지의 head에 붙여넣으세요. 브라우저는 /favicon.ico도 스스로 찾아요.
이미지가 업로드되나요?
아니요. 아이콘은 브라우저에서 만들어져요. 어떤 파일도 기기 밖으로 나가지 않아요.
리뷰
아직 리뷰가 없어요. 첫 리뷰를 남겨 보세요.