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

> Clean Markdown view of GeekNews topic #19208. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=19208](https://news.hada.io/topic?id=19208)
- GeekNews Markdown: [https://news.hada.io/topic/19208.md](https://news.hada.io/topic/19208.md)
- Type: show
- Author: [huiya](https://news.hada.io/@huiya)
- Published: 2025-02-13T11:47:11+09:00
- Updated: 2025-02-13T11:47:11+09:00
- Original source: [dev-huiya.github.io](https://dev-huiya.github.io/favicon-generator/)
- Points: 30
- Comments: 6

## Summary

2025년에 대비하여 자동으로 Favicon을 생성해주는 도구가 개발되었습니다. 사용자는 정사각형 비율의 SVG 이미지를 업로드하면, 최적화된 SVG 파일과 다양한 크기의 PNG 및 ICO 파일을 받을 수 있습니다. 개발 과정에서 GPT와 협업했으나, 외부 모듈 처리와 ICO 파일 생성에서 어려움이 있어 추가적인 수작업이 필요했습니다.

## Topic Body

### Favicon Generator  
  
[2025년에 Favicon을 준비하는 법](https://news.hada.io/topic?id=19204) 를 보고 아티클 내용에 따라 자동으로 Favicon 생성해주는 도구를 만들어보았습니다.  
  
[사용해보기](https://dev-huiya.github.io/favicon-generator/)  
  
#### 사용법  
1. 정사각형 비율의 SVG 이미지를 업로드한다.  
2. 생성된 HTML 코드와 다운로드된 이미지 파일을 프로젝트에 포함한다.  
3. 끝.  
  
#### 상세 내용  
- ✅ SVG 파일은 SVGO로 최적화됩니다.  
- ✅ ICO 파일에는 16px, 32px 이미지가 포함됩니다.  
- ✅ 180px, 192px, 512px의 PNG 이미지가 생성됩니다.  
  
- ❌ PNG 파일은 Squoosh로 압축되지 않습니다.  
  
#### 후기  
  
GPT랑 같이 작업했는데, UI는 잘 만들어줬는데 외부 모듈 가져오는 부분에서 고장이 많이 났습니다. 이 부분은 사람이 끼어들어야 했어요.  
ICO 파일도 못만들어줘서 별도의 새로운 대화를 열어 코드를 다시 생성해야만 했습니다.  
  
오랜만에 이런걸 만드니 아주 재밌었습니다.

## Comments



### Comment 34810

- Author: honglu
- Created: 2025-02-19T13:36:31+09:00
- Points: 1

유용하게 사용했습니당! 감사합니다.

### Comment 34524

- Author: hi098123
- Created: 2025-02-13T20:15:45+09:00
- Points: 1

PNG압축은 Squoosh 안쓰고  
UPNG https://github.com/photopea/UPNG.js 쓰시면 지금 코드에서 어렵지않게 압축가능할거에요.  
(전에 비교해봤을때 png에서 성능이나 압축률이나 비슷하거나 약간 우위였던걸로 기억합니다. 정확하진 않아요.)  
cnum 값을 0~256으로 압축 지정가능하고 128정도면 쓸만하게 압축될거에요.

### Comment 34503

- Author: secret3056
- Created: 2025-02-13T13:18:41+09:00
- Points: 1

mask icon 생성은 색을 제거하고 직접 해야 한다고 추가적인 정보를 제공하면 좋을것 같아요

### Comment 34505

- Author: secret3056
- Created: 2025-02-13T13:29:33+09:00
- Points: 1
- Parent comment: 34503
- Depth: 1

아 mask icon은 이제 안 쓰이는군요....

### Comment 34501

- Author: xguru
- Created: 2025-02-13T11:49:08+09:00
- Points: 1

우와 좋네요. 글보고 AI와 함께 바로 만드는 프로젝트라니 ㅎㅎ 세상이 이렇게 바뀌어 가나 봅니다.

### Comment 34502

- Author: huiya
- Created: 2025-02-13T11:53:32+09:00
- Points: 1
- Parent comment: 34501
- Depth: 1

단순 노동이 줄어드니 작업에 부담이 없어진 것 같아요. 참 좋은 세상입니다!