사용 방법
사용할 수 있는 정지 PNG, JPEG 또는 WebP 한 장을 선택하세요. 예시 이미지를 자동으로 불러오지 않으니 직접 이미지를 고르세요. 디코딩하면 파일 이름과 크기가 표시돼요. 지우기를 누르면 원본과 결과를 제거해요. 처리는 브라우저에서 이루어져요.
‘이미지 전체 맞추기’는 여백을 넣어 전체 이미지를 유지하고, ‘채우고 가운데 자르기’는 긴 쪽의 일부를 잘라요. 배경은 투명, 흰색이나 검은색으로 선택하세요. 미리보기는 즉시 갱신돼요. ‘아이콘 파일 만들기’로 파일과 링크 태그를 생성하며 입력을 바꾸면 이전 다운로드는 무효화돼요.
결과 읽기
favicon.ico에는 PNG로 압축한 16, 32, 48픽셀 이미지가 들어 있어요. 개별 PNG에는 이 크기와 180, 192, 512픽셀이 포함돼요. 180픽셀 파일 이름은 apple-touch-icon.png예요. 모든 파일에 같은 확정 설정을 적용해요.
작은 크기에서도 알아보기 쉬운지 확인하세요. 크기를 바꿔도 사라진 세부 정보를 복원할 수는 없어요. 투명 여백은 실제로 투명하며 뒤에 보이는 페이지 색이 파일에 저장되는 것은 아니에요.
예시 두 가지
400 × 200 이미지를 32픽셀에 전체 맞춤하면 32 × 16이 되고 위아래에 8픽셀 여백이 생겨요. 가운데 자르기는 64 × 32로 키운 뒤 양쪽에서 16픽셀씩 잘라요. 두 다운로드 모두 32 × 32예요.
정사각형 256 × 256 이미지는 자를 필요가 없어요. 투명 배경은 원본 알파를 유지하고 흰색이나 검은색은 해당 색 위에 합성해요. JPEG에는 알파가 없지만 직사각형 JPEG를 맞추면 투명 여백을 추가할 수 있어요.
파일 적용하기
다운로드한 favicon-tags.html의 링크 태그를 페이지 head에 넣으세요.
파비콘은 캐시에 남을 수 있어요. 실제 제공 파일을 확인하고 평소 사용하는 캐시 갱신 절차를 따르세요. 이 태그는 웹 앱 매니페스트를 만들거나 앱을 설치하지 않으며 모든 플랫폼별 아이콘 요구를 충족하지는 않아요.
어떤 제한이 있나요?
PNG, JPEG와 WebP를 지원하며 최대 10MiB, 1,600만 픽셀, 한 변 8,192픽셀이에요. 디코딩 전에 파일 서명과 크기를 확인해요. 움직이는 PNG·WebP, SVG, GIF 등 미지원 형식은 거부해요. 파일 이름만 바꿔서는 형식이 변환되지 않아요.
디코딩에 실패하는 이유는 무엇인가요?
익숙한 확장자여도 파일이 손상되거나 잘렸거나 지원하지 않는 인코딩이면 실패할 수 있어요. 정지 PNG나 JPEG로 내보내 다시 시도하세요. 입력을 바꾸면 예전 결과를 받지 않도록 이전 다운로드를 제거해요.
ICO는 어디서나 작동하나요?
표준 ICO 디렉터리에 PNG 데이터를 담는 방식이에요. 모든 운영체제, 구형 편집기와 브라우저에서의 호환성을 보장하지 않으므로 대상 환경에서 확인하세요.
이미지를 저장하나요?
계정이나 클라우드 원본 보관 기능은 제공하지 않아요. 작은 아이콘은 편집 가능한 원본을 대신하지 않으므로 원본 그림을 보관하세요.