본문으로 건너뛰기
Utilizy

파비콘 생성기

이미지 하나로 전체 사이즈 세트 만들기

브라우저 내 처리

원본 이미지

결과

생성 결과

아직 만들지 않았습니다

이미지를 올리고 생성 버튼을 누르면 결과가 여기에 표시됩니다.

ZIP에는 아이콘 이미지와 site.webmanifest, HTML 코드가 함께 들어 있습니다.

파비콘은 브라우저 탭, 북마크, 홈 화면 바로가기, PWA 아이콘까지 여러 크기가 필요합니다. 정사각형 이미지 하나만 올리면 필요한 크기를 전부 만들고, HTML에 붙여 넣을 코드까지 함께 제공합니다.

사용 방법

  1. 1 정사각형에 가까운 이미지를 올립니다. 512px 이상을 권합니다.
  2. 2 생성 버튼을 누르면 10가지 크기가 만들어집니다.
  3. 3 ZIP으로 내려받아 웹사이트 루트 폴더에 넣습니다.
  4. 4 함께 들어 있는 HTML 코드를 <head> 안에 붙여 넣습니다.

자주 묻는 질문

어떤 이미지를 올려야 하나요?

정사각형에 배경이 단순한 이미지가 가장 좋습니다. 16px에서도 알아볼 수 있어야 하므로 글자가 많거나 세밀한 그림은 피하세요. 512px 이상 크기를 권합니다.

ico 파일은 없나요?

요즘 브라우저는 모두 PNG 파비콘을 지원하므로 ico 없이도 문제없습니다. 인터넷 익스플로러 지원이 꼭 필요한 경우에만 별도 변환이 필요합니다.

어느 크기가 어디에 쓰이나요?

16·32px은 브라우저 탭, 180px은 아이폰 홈 화면, 192·512px은 안드로이드와 PWA 아이콘에 사용됩니다.

함께 쓰면 좋은 도구