OpenTools

파비콘 생성기 — favicon.ico·앱 아이콘 세트

브라우저 탭, 휴대폰 홈 화면, 검색 결과에 보이는 아이콘을 모든 크기로 만들어 ZIP 하나로 받습니다.

파일이 서버로 전송되지 않습니다 — 이 기기의 브라우저 안에서만 처리

굵기
모양
앱 정보 (site.webmanifest)
내 사이트
새 탭
16
32
48
180 · 아이폰
192 · 안드로이드
512
<head> 안에 붙여 넣을 HTML 
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#3182f6">

ZIP 안의 파일들을 사이트 최상위(/) 경로에 올렸을 때 기준입니다. 같은 코드가 head.html에도 들어 있습니다.

광고

파비콘 만들기 사용법

  1. 1이미지를 올리거나 글자·이모지와 색을 정합니다.
  2. 2미리보기로 크기별 모습을 확인합니다.
  3. 3[ZIP 받기]를 누르고, 안내된 HTML 코드를 <head>에 붙여 넣습니다.

자주 묻는 질문

원본 이미지는 어떤 게 좋나요?

512×512 이상의 정사각형 PNG·SVG가 가장 좋습니다. 작은 크기에서는 단순한 모양이 잘 보입니다.

favicon.ico 하나면 되지 않나요?

구형 브라우저용으로는 충분하지만, 아이폰 홈 화면(180px)·안드로이드(192·512px)에는 PNG가 따로 필요합니다.

광고