Show GN: 2025년에 Favicon 자동 생성하기
(dev-huiya.github.io)Favicon Generator
2025년에 Favicon을 준비하는 법 를 보고 아티클 내용에 따라 자동으로 Favicon 생성해주는 도구를 만들어보았습니다.
사용법
- 정사각형 비율의 SVG 이미지를 업로드한다.
- 생성된 HTML 코드와 다운로드된 이미지 파일을 프로젝트에 포함한다.
- 끝.
상세 내용
-
✅ SVG 파일은 SVGO로 최적화됩니다.
-
✅ ICO 파일에는 16px, 32px 이미지가 포함됩니다.
-
✅ 180px, 192px, 512px의 PNG 이미지가 생성됩니다.
-
❌ PNG 파일은 Squoosh로 압축되지 않습니다.
후기
GPT랑 같이 작업했는데, UI는 잘 만들어줬는데 외부 모듈 가져오는 부분에서 고장이 많이 났습니다. 이 부분은 사람이 끼어들어야 했어요.
ICO 파일도 못만들어줘서 별도의 새로운 대화를 열어 코드를 다시 생성해야만 했습니다.
오랜만에 이런걸 만드니 아주 재밌었습니다.
PNG압축은 Squoosh 안쓰고
UPNG https://github.com/photopea/UPNG.js 쓰시면 지금 코드에서 어렵지않게 압축가능할거에요.
(전에 비교해봤을때 png에서 성능이나 압축률이나 비슷하거나 약간 우위였던걸로 기억합니다. 정확하진 않아요.)
cnum 값을 0~256으로 압축 지정가능하고 128정도면 쓸만하게 압축될거에요.