파비콘 생성기

글자, 이모지, 이미지 하나로 브라우저 탭 아이콘부터 홈 화면 아이콘까지 한 번에 만듭니다. favicon.ico, PNG 여섯 가지, link 태그와 site.webmanifest를 하나씩 또는 모두 내려받으세요. 이미지는 브라우저 안에서만 처리합니다.

글자

이모지

글꼴

글자 색

글자 크기

바탕과 모양

바탕 투명

모양

모서리

안쪽 여백

「모두 내려받기」는 파일 여덟 개를 차례로 내려받습니다. 브라우저가 여러 파일 내려받기를 허용할지 물으면 허용하세요.

사이트 이름 테마 색 파일을 둘 경로

<head> 안에 붙여 넣기

site.webmanifest

favicon.ico에는 16, 32, 48px PNG가 함께 들어 있습니다. 사이트 맨 위(/favicon.ico)에 두면 link 태그가 없어도 대부분의 브라우저가 찾아갑니다.
apple-touch-icon.png(180px)는 아이폰 홈 화면용입니다. iOS가 투명한 곳을 검게 칠하므로 투명 바탕을 골라도 이 파일만은 흰 바탕을 깝니다. 모서리는 iOS가 알아서 둥글립니다.
192, 512px는 안드로이드 홈 화면과 PWA 설치 화면에 쓰입니다. site.webmanifest가 이 둘을 가리킵니다.
16px에서는 가는 선과 작은 글자가 뭉개집니다. 글자는 한두 자, 굵은 글꼴, 진한 대비가 잘 보입니다.