도구 소개
파비콘은 브라우저 탭이나 북마크 등에 표시되는 웹사이트의 작은 아이콘입니다. 자주 사용하는 크기를 한 번에 만들어 웹사이트 아이콘을 빠르게 준비할 수 있습니다.
사용 방법
- PNG, JPG/JPEG 또는 정지 WebP 이미지를 선택하거나 끌어다 놓으세요.
- 전체 맞춤 또는 가운데 자르기를 선택하고 배경과 한쪽당 0~30%의 여백을 조정하세요.
- 아이콘을 만든 뒤 16×16, 32×32 실제 크기와 브라우저 탭 미리보기를 확인하세요.
- 아이콘을 개별 파일이나 ZIP으로 다운로드하고 생성된 파일에 맞는 HTML 참조를 복사하세요.
지원 크기
- favicon.ico에는 16×16, 32×32, 48×48 이미지 세 장이 담깁니다.
- favicon-16x16.png, favicon-32x32.png, favicon-48x48.png도 함께 생성됩니다.
아이콘 생성 안내
- 전체 맞춤은 원본 비율을 유지하며 이미지를 모두 담고 남는 공간을 선택한 배경으로 채웁니다. 가운데 자르기는 중앙의 정사각형 영역을 사용합니다. 두 방식 모두 이미지를 늘여 변형하지 않습니다.
- 여백 비율은 결과 이미지의 각 변을 기준으로 계산합니다. 여백이 10%이면 이미지 내용은 가로와 세로 각각 약 80%를 차지합니다.
- 16×16 같은 작은 크기에는 윤곽이 단순하고 대비가 뚜렷한 이미지가 좋습니다. 복잡한 사진이나 작은 글자는 알아보기 어려울 수 있으니 실제 크기 미리보기를 확인하세요.
PNG, JPG/JPEG, 정지 WebP를 지원합니다. 파일당 최대 100MiB, 4,000만 픽셀이며 한 변은 16384픽셀 이하여야 합니다. 큰 이미지는 처리 시간과 메모리가 더 필요할 수 있습니다.
웹사이트 아이콘 사용 방법
- 다운로드한 아이콘을 웹사이트에 넣고 생성된 HTML 참조를 페이지의 head 영역에 추가하세요. 기본 경로는 웹사이트 최상위 폴더를 기준으로 하므로 다른 폴더에 넣으면 경로도 바꿔야 합니다.
- HTML 참조에는 실제 생성된 파일만 표시되며 텍스트로 복사할 수 있습니다. Apple 홈 화면이나 Android/PWA 크기가 필요하면 아래 관련 도구를 이용하세요.
- 탭 미리보기로 작은 공간에서 아이콘이 선명하게 보이는지 확인하세요. 실제 모양은 브라우저에 따라 다를 수 있습니다.
개인정보 보호
이미지, 이모지, 생성된 아이콘은 브라우저 안에서만 처리되며 서버로 업로드되지 않습니다.
입력한 내용과 결과는 자동으로 저장되지 않습니다. 비우거나 페이지를 나가기 전에 필요한 아이콘을 다운로드하고 원본도 보관하세요.
자주 묻는 질문
favicon.ico는 무엇인가요?
웹사이트에서 자주 사용하는 아이콘 파일입니다. 한 파일에 여러 크기를 담을 수 있어 브라우저가 탭이나 북마크 등에 알맞은 크기를 표시합니다.
파비콘은 어떤 크기로 준비하면 좋나요?
이 도구는 자주 쓰는 16×16, 32×32, 48×48을 제공합니다. 더 큰 크기나 다른 조합이 필요하면 여러 크기 파비콘 도구를 이용하세요.
PNG 파비콘과 ICO는 어떻게 다른가요?
PNG 파일 하나에는 한 가지 크기가 담기고 ICO에는 여러 크기를 담을 수 있습니다. 다운로드 묶음에 두 형식이 모두 포함되므로 웹사이트에 맞게 선택하세요.
파비콘 파일은 어디에 넣어야 하나요?
생성된 참조는 /favicon.ico처럼 웹사이트 최상위 경로를 사용합니다. 다른 폴더에 넣어도 되지만 참조 경로는 실제 파일 위치와 일치해야 합니다.
새 아이콘이 브라우저에 바로 표시되지 않는 이유는 무엇인가요?
브라우저에 이전 파비콘이 캐시되어 있을 수 있습니다. 파일과 경로를 확인한 뒤 페이지 새로고침, 관련 캐시 삭제 또는 탭 다시 열기를 시도하세요.