파비콘 생성기란?
파비콘(favicon)은 브라우저 탭이나 북마크에 표시되는 작은 아이콘입니다. 모바일 홈 화면 추가, PWA 설치 시에도 사용됩니다. 디바이스마다 요구하는 사이즈가 다르기 때문에 한 번에 여러 사이즈로 만들어 두는 것이 안전합니다.
이렇게 쓰세요
- 정사각형(또는 비슷한 비율)의 이미지를 선택합니다. 배경이 투명한 PNG/SVG를 권장합니다.
- 각 사이즈의 PNG가 자동 생성됩니다. 다운로드를 눌러 저장하세요.
- 아래 HTML 코드를 사이트의
<head>에 붙여 넣습니다.
자주 묻는 질문
정확히 어떤 사이즈가 생성되나요?
16×16, 32×32, 48×48, 64×64, 96×96, 128×128, 180×180, 192×192, 256×256, 512×512px 총 10가지 사이즈의 PNG 파일이 생성됩니다. 이는 브라우저 탭, 북마크, PWA 아이콘 등 다양한 용도를 커버합니다.
투명 배경(알파채널)은 지원되나요?
네. PNG 형식을 사용하므로 투명 배경을 완벽하게 지원합니다. 투명 배경이 있는 PNG나 SVG를 사용하면 결과 파비콘도 투명 배경을 유지합니다.
PWA 아이콘과 favicon의 차이는 뭔가요?
favicon은 브라우저 탭이나 북마크에 표시되는 작은 아이콘이고, PWA 아이콘은 웹앱을 홈 화면에 설치했을 때 표시되는 아이콘입니다. 이 도구에서 생성하는 192×192, 512×512는 PWA용으로도 사용 가능하며, 제공되는 HTML 코드에 manifest.json 링크도 포함되어 있습니다.
이미지는 기기 밖으로 나가지 않습니다. 변환은 100% 브라우저 안에서 이뤄집니다.