Show GN: 2025년에 Favicon 자동 생성하기

Favicon Generator

2025년에 Favicon을 준비하는 법 를 보고 아티클 내용에 따라 자동으로 Favicon 생성해주는 도구를 만들어보았습니다.

사용해보기

사용법

1. 정사각형 비율의 SVG 이미지를 업로드한다.
2. 생성된 HTML 코드와 다운로드된 이미지 파일을 프로젝트에 포함한다.
3. 끝.

상세 내용

• ✅ SVG 파일은 SVGO로 최적화됩니다.

• ✅ ICO 파일에는 16px, 32px 이미지가 포함됩니다.

• ✅ 180px, 192px, 512px의 PNG 이미지가 생성됩니다.

• ❌ PNG 파일은 Squoosh로 압축되지 않습니다.

후기

GPT랑 같이 작업했는데, UI는 잘 만들어줬는데 외부 모듈 가져오는 부분에서 고장이 많이 났습니다. 이 부분은 사람이 끼어들어야 했어요.
ICO 파일도 못만들어줘서 별도의 새로운 대화를 열어 코드를 다시 생성해야만 했습니다.

오랜만에 이런걸 만드니 아주 재밌었습니다.