시작하며
웹사이트 제작의 필수 요소, 파비콘(favicon). 최근에는 단순한 favicon.ico뿐만 아니라 스마트폰용 Apple Touch Icon이나 다양한 해상도의 PNG 등 준비해야 할 이미지 종류가 부쩍 늘어났습니다.
이 파일들을 하나하나 리사이즈해서 내보내는 것은 매우 번거로운 작업입니다. 그래서 이미지 한 장만 업로드하면 필요한 아이콘 세트를 한꺼번에 생성하여 ZIP 파일로 다운로드할 수 있는 도구를 만들었습니다.
https://devtoolkits.app/ko/tools/favicon-generator
어떤 도구인가요?
1024x1024 정도의 큰 이미지(PNG/JPG/WebP)를 업로드하면 표준적인 파비콘 구성에 필요한 모든 파일을 생성합니다.
주요 특징
- 📦 한꺼번에 생성:
favicon.ico(16x16, 32x32 내장),apple-touch-icon.png(180x180), 각종 PNG (16x16, 32x32, 192x192, 512x512)를 동시에 만듭니다. - 🔒 안전한 브라우저 방식: 모든 이미지 처리는 Canvas API 등을 사용하여 브라우저 상에서 직접 수행됩니다. 서버에 이미지가 저장되지 않으므로 로고와 같은 기밀 데이터라도 안심하고 사용할 수 있습니다.
- ⚡ ZIP 다운로드: 생성된 모든 이미지를 하나의 ZIP 파일로 묶어 다운로드할 수 있어 프로젝트에 즉시 도입하기 편리합니다.
- 🖼️ 투명도 유지: 원본 이미지가 배경이 투명한 PNG라면 투명을 유지한 채 각 사이즈별로 내보냅니다.
사용 방법
- 파비콘 생성 페이지를 엽니다.
- 정사각형에 가까운(권장) 이미지를 드래그 앤 드롭하거나 선택합니다.
- 미리보기 화면에서 각 사이즈별 상태를 확인합니다.
- “Download All as ZIP” 버튼을 눌러 압축 파일을 저장합니다.
마치며
번거로운 아이콘 제작 작업은 단 몇 초 만에 끝내고, 더 본질적인 개발과 디자인 업무에 집중해 보세요!