iGotTools

파비콘 생성기

이미지 하나로 파비콘 PNG assets와 HTML/manifest 태그를 브라우저에서 로컬로 만드세요.

생성된 assets

favicon-16x16.png

16x16 - Browser tab favicon

favicon-32x32.png

32x32 - Browser tab favicon

favicon-48x48.png

48x48 - Browser tab favicon

favicon-180x180.png

180x180 - Apple touch icon

favicon-192x192.png

192x192 - Web app manifest icon

favicon-512x512.png

512x512 - Web app manifest icon

HTML link 태그

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Manifest icons

{
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

사용 방법

  1. 1파비콘 생성기에 처리할 입력값이나 옵션을 넣습니다.
  2. 2결과 기준이 되는 범위, 형식, 품질, 정렬 옵션을 확인합니다.
  3. 3미리보기 또는 계산 결과를 원본과 비교합니다.
  4. 4필요한 결과를 복사하거나 다운로드하고, 민감한 입력값은 초기화합니다.

FAQ