파비콘 생성기 icon

이 도구가 하는 일

파비콘은 브라우저 탭과 즐겨찾기에 표시되는 작은 아이콘입니다. 문제는 필요한 크기가 하나가 아니라는 것입니다. 탭에는 16 또는 32픽셀, 아이폰 홈 화면에는 180픽셀, 안드로이드에는 192픽셀, PWA 스플래시에는 512픽셀이 쓰입니다.

이 도구는 이미지 하나를 넣으면 이 크기들을 한 번에 만들어 줍니다. 원본 비율을 유지한 채 정사각형 안에 가운데 정렬로 배치하며, 배경은 투명하게 두거나 흰색 또는 어두운 색으로 채울 수 있습니다. 각 크기를 개별로 내려받거나 전체를 한 번에 받을 수 있고, head에 넣을 link 태그도 함께 제공합니다.

정사각형이 아닌 이미지를 넣으면 남는 공간이 여백으로 남기 때문에 안내 메시지를 표시합니다. 로고를 그대로 쓰기보다 정사각형으로 잘라 둔 버전을 준비하는 편이 결과가 좋습니다.

언제 사용하나요

새 사이트를 배포하면서 파비콘을 준비할 때, 로고를 교체하면서 아이콘 세트를 다시 만들 때, PWA 매니페스트에 필요한 아이콘을 갖출 때, 모바일 홈 화면에 추가했을 때 아이콘이 흐릿한 문제를 해결할 때 사용합니다.

입력과 출력 예시

주의사항

아주 작은 크기에서는 세부 묘사가 뭉개집니다. 16픽셀에서는 글자나 얇은 선이 거의 보이지 않으므로, 로고 전체보다는 상징이 되는 부분만 단순하게 쓰는 편이 알아보기 좋습니다. 생성 결과는 PNG이며 구형 브라우저가 요구하는 .ico 형식은 만들지 않습니다. 대부분의 환경에서는 PNG로 충분합니다. 또한 브라우저가 파비콘을 오래 캐시하기 때문에 교체해도 바로 반영되지 않을 수 있습니다. 강력 새로고침을 하거나 파일 이름에 버전을 붙이면 해결됩니다. 전체 다운로드는 브라우저가 연속 다운로드를 차단할 수 있어 순차적으로 내려받습니다.

자주 묻는 질문