파비콘 생성기
이미지 하나로 전체 사이즈 세트 만들기
브라우저 내 처리
원본 이미지
결과
생성 결과
아직 만들지 않았습니다
이미지를 올리고 생성 버튼을 누르면 결과가 여기에 표시됩니다.
ZIP에는 아이콘 이미지와 site.webmanifest, HTML 코드가 함께 들어 있습니다.
파비콘은 브라우저 탭, 북마크, 홈 화면 바로가기, PWA 아이콘까지 여러 크기가 필요합니다. 정사각형 이미지 하나만 올리면 필요한 크기를 전부 만들고, HTML에 붙여 넣을 코드까지 함께 제공합니다.
사용 방법
- 1 정사각형에 가까운 이미지를 올립니다. 512px 이상을 권합니다.
- 2 생성 버튼을 누르면 10가지 크기가 만들어집니다.
- 3 ZIP으로 내려받아 웹사이트 루트 폴더에 넣습니다.
- 4 함께 들어 있는 HTML 코드를 <head> 안에 붙여 넣습니다.
자주 묻는 질문
어떤 이미지를 올려야 하나요?
정사각형에 배경이 단순한 이미지가 가장 좋습니다. 16px에서도 알아볼 수 있어야 하므로 글자가 많거나 세밀한 그림은 피하세요. 512px 이상 크기를 권합니다.
ico 파일은 없나요?
요즘 브라우저는 모두 PNG 파비콘을 지원하므로 ico 없이도 문제없습니다. 인터넷 익스플로러 지원이 꼭 필요한 경우에만 별도 변환이 필요합니다.
어느 크기가 어디에 쓰이나요?
16·32px은 브라우저 탭, 180px은 아이폰 홈 화면, 192·512px은 안드로이드와 PWA 아이콘에 사용됩니다.