favicon 생성기
JPEG · PNG · WebP · 정적 SVG 이미지 1장에서 사이트용 PNG와 16 · 32px을 포함하는 ICO를 만듭니다. PNG 크기와 잘라내기 · 여백을 선택하고 공개 준비나 로고 변경에 필요한 이미지와 HTML 태그를 개별 또는 ZIP으로 저장할 수 있습니다. 192px 또는 512px를 선택하면 manifest 아이콘 설정 예시도 포함합니다.
할 수 있는 일
여러 크기를 한꺼번에 생성
선택한 크기의 PNG와 16·32px이 포함된 ICO를 한 번에 만듭니다.
설치용 파일도 저장
이미지와 HTML 태그, 필요한 경우 manifest의 아이콘 설정 예시를 ZIP으로 묶습니다.
사용 방법
원본 이미지 선택
JPEG·PNG·WebP·정적 SVG 중에서 한 장을 선택합니다.
크기와 맞추는 방법 선택
필요한 PNG 크기와 정사각형 자르기·여백 추가를 지정합니다.
작은 크기도 확인
생성한 아이콘을 확인합니다. 작게 만들면 글자나 가는 선이 읽기 어려워질 수 있습니다.
저장해서 사이트에 배치
ZIP을 풀어 이미지를 배치하고, HTML 태그의 경로를 사이트 구조에 맞게 사용합니다.
이럴 때 유용
사이트 공개 준비
탭 등에 쓰는 작은 아이콘과 홈 화면용 이미지를 준비합니다.
로고 변경 시 교체
같은 원본 이미지에서 필요한 크기를 다시 만들어 사이트 아이콘을 맞춥니다.
아이콘 세트를 사이트에서 사용하려면
ICO와 PNG의 차이
ICO에는 여러 크기의 이미지를 담을 수 있습니다. 이 도구의 ICO에는 항상 16×16과 32×32을 포함합니다. PNG는 선택한 크기를 개별적으로 만듭니다.
작은 아이콘의 보이는 방식
큰 원본 이미지에서 읽히는 글자도 16px 등에서는 구별하기 어려워질 수 있습니다. 생성한 각 크기를 확인해 주세요.
이미지 위치와 HTML 경로
설정 예시는 사이트 루트에 배치하는 것을 전제로 합니다. 다른 위치에 둘 때는 HTML의 href와 manifest의 src를 함께 변경합니다.
manifest는 아이콘 부분의 설정 예시
192px 또는 512px을 선택한 경우에 만듭니다. 웹 앱 전체의 설정이 완성되는 것은 아닙니다.
자주 묻는 질문
PNG를 선택하지 않아도 ICO를 만들 수 있나요?
PNG는 1종류 이상 선택해야 합니다. ICO에는 PNG 선택과 관계없이 16px와 32px이 포함됩니다.
여러 크기를 한꺼번에 저장할 수 있나요?
ZIP으로 이미지와 설치용 파일을 함께 저장할 수 있습니다. 개별 이미지나 설정 예시도 저장할 수 있습니다.
직사각형 이미지도 사용할 수 있나요?
가운데를 정사각형으로 자르거나 여백을 더해 전체를 남깁니다. 이미지 위치나 늘이기를 조정하는 기능은 없습니다.
만들면 사이트에 자동으로 표시되나요?
자동으로 공개하지 않습니다. 사이트에 이미지를 배치하고 HTML과 manifest를 설정한 뒤, 사용할 곳에서 표시를 확인해 주세요.
파일 처리
- 입력
- JPEG·PNG·WebP·정적 SVG를 한 장 사용합니다.
- 출력
- ICO·선택한 PNG·HTML과 조건에 따른 manifest. 정지 이미지를 출력하고 메타데이터는 삭제합니다.