생활 단위 변환

웹 파비콘(Favicon) 크기 변환기

원본 이미지를 16x16, 32x32, Apple Touch Icon 등 최적 규격으로 재구성합니다.

한눈에 요약

원본 이미지의 가로·세로를 입력하면 파비콘 제작에 권장되는 6가지 대표 규격을 확인할 수 있습니다. 작은 원본은 큰 아이콘으로 확대할 때 선명도가 떨어질 수 있으므로 가능한 큰 정사각형 이미지를 사용하세요.

실시간 자동 연산100% 브라우저 연산검토 완료

실시간 연산

계산 결과

수치를 입력하면 실시간으로 계산됩니다.

공식

파비콘 권장 규격 = 원본 이미지에서 정사각형 영역을 기준으로 16, 32, 48, 180, 192, 512px 크기로 각각 내보내기

계산 예시가로 1024px, 세로 768px 이미지라면 768px 정사각형 영역을 사용해 16×16부터 512×512까지 6개 규격으로 내보냅니다.

웹 파비콘(Favicon) 크기 변환기 사용법

웹사이트 탭, 북마크, 모바일 홈 화면, PWA 설치 아이콘에는 서로 다른 크기의 아이콘이 필요합니다. 원본 이미지의 가로와 세로를 입력하면 정사각형으로 사용할 수 있는 기준 영역과 함께 대표적인 파비콘 출력 규격을 확인할 수 있습니다.

가로와 세로가 다르면 짧은 변을 기준으로 정사각형 영역을 잡는 것이 안전합니다. 로고나 글자가 가장자리에서 잘리지 않도록 원본에 충분한 여백을 남겨 두세요.

이 도구는 일반적인 웹·모바일 아이콘 제작에 자주 쓰이는 16px, 32px, 48px, 180px, 192px, 512px 규격을 안내합니다. 정사각형 원본이 아니라면 짧은 변을 기준으로 크롭 영역을 정합니다.

\text{정사각형 기준 영역} = \min(\text{원본 가로}, \text{원본 세로})

\text{권장 출력 규격} = 16,\ 32,\ 48,\ 180,\ 192,\ 512\text{px}

상황 1: 가로 1024px, 세로 768px 이미지라면 768 × 768px 정사각형 영역을 기준으로 잡습니다. 이후 16px부터 512px까지 총 6개 규격으로 내보냅니다.
상황 2: 가로 512px, 세로 512px 이미지라면 별도 크롭 없이 그대로 사용할 수 있습니다. 512px 원본은 더 작은 아이콘으로 축소하기에 적합합니다.

본 도구의 결과는 파비콘 파일을 구성하기 위한 권장 규격 안내입니다.
16px 아이콘에서는 복잡한 문구나 얇은 선이 잘 보이지 않으므로, 단순한 심볼 형태를 권장합니다.
브라우저용 favicon.ico와 함께 Apple Touch Icon용 180px PNG, PWA용 192px 및 512px PNG를 준비하세요.
투명 배경이 필요한 경우 PNG로 내보내고, 배경색이 있는 환경에서도 잘 보이는지 밝고 어두운 화면에서 함께 확인하세요.

최종 내용 검토일: 2026-08-15

Q&A

파비콘 원본은 몇 픽셀로 준비하는 것이 좋나요?

최소 512×512px 정사각형 PNG를 권장합니다. 이 크기면 브라우저 파비콘, Android 아이콘, Apple Touch Icon용 이미지를 비교적 선명하게 만들 수 있습니다.

ICO 파일만 만들면 되나요?

ICO 파일은 일반 브라우저 탭 아이콘에 유용하지만, 모바일 홈 화면과 PWA에서는 PNG 아이콘도 함께 필요합니다. 여러 PNG 크기와 favicon.ico를 함께 제공하는 방식이 안전합니다.