파비콘 생성기
이미지 하나로 PNG 아이콘 6종, 여러 크기가 든 ICO, HTML 링크 태그, 기본 웹 앱 매니페스트를 만듭니다. 모든 처리는 브라우저 안에서만 이뤄집니다.
이미지 하나로 작은 웹사이트 아이콘 패키지를 준비합니다. PNG 6종, 이미지 3개가 든 ICO, 바로 고쳐 쓸 수 있는 HTML 링크 코드, 기본 웹 앱 매니페스트를 만들어 줍니다. 파일은 기기에서 바로 내려받는 방식이며, 웹사이트의 어디에 언제 올릴지는 직접 정합니다. 이미지는 브라우저 밖으로 나가지 않습니다.
사용 방법
- 정사각형에 가까우며 가로 512픽셀 이상인 PNG, JPEG, WebP 이미지를 올립니다.
- 안에 맞추기(여백) 또는 가운데 잘라내기와 배경을 고릅니다.
- 사이트 이름을 입력하고 패키지를 생성합니다.
- 모든 파일을 내려받아 작은 아이콘을 확인한 뒤, 설치하기 전에 제공된 경로를 사이트에 맞게 고칩니다.
계산식
PNG 크기: 16, 32, 48, 180, 192, 512; ICO에는 16, 32, 48픽셀 PNG 이미지가 들어 있음
ICO는 6바이트 헤더, 16바이트 디렉터리 항목 3개, PNG 이미지 데이터로 구성됩니다. 180픽셀 PNG는 apple-touch-icon.png라는 이름으로 만들어집니다. 매니페스트는 192·512픽셀 이미지를 purpose:any로 참조하며, maskable 아트워크는 만들지 않습니다.
예시
512×512 로고 하나로 파일 9개가 만들어집니다. 정사각형 PNG 6개, 크기 3가지가 든 favicon.ico, favicon-links.txt, site.webmanifest입니다. 안에 맞추기는 이미지 전체를 보존하고, 가운데 잘라내기는 정사각형이 아닌 원본의 바깥쪽을 잘라 정사각형을 채웁니다.
자주 묻는 질문
파비콘이 사이트에 게시되나요?
아닙니다. 파일을 내려받아 직접 설치해야 합니다. HTML 코드는 루트 기준 경로를 쓰고, 매니페스트의 아이콘 경로는 매니페스트 파일 위치를 기준으로 합니다.
내 웹사이트를 앱처럼 설치할 수 있게 되나요?
매니페스트는 출발점일 뿐입니다. name과 start_url을 올바르게 지정하고, 대상 브라우저의 요구 조건을 확인하세요. 아이콘 모음만으로는 설치 가능 여부가 정해지지 않습니다.
작은 아이콘이 왜 알아보기 어렵나요?
복잡한 그림은 16픽셀로 줄이면 알아보기 어려워집니다. 원본 디자인을 단순하게 만들고, 실제 작은 결과물로 확인하세요. 원본 해상도를 높여도 세밀한 부분이 모두 살아나지는 않습니다.
출처
최종 업데이트:
이 입력값이 담긴 페이지 주소: https://kakao.mobile/ko/tools/favicon-generator/
인용·퍼가기
kakaoCalc. (2026, November 8). 파비콘 생성기. https://kakao.mobile/ko/tools/favicon-generator/
“파비콘 생성기.” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/favicon-generator/.