3BearLabs3Bear Tools
이미지

파비콘 생성기: 이미지 또는 텍스트로 PNG 크기별 생성

업로드한 이미지나 한 글자로 파비콘과 앱 아이콘 PNG 세트를 만듭니다.

브라우저 안에서 처리합니다 — 파일은 이 기기를 떠나지 않습니다.

파비콘 생성기

이미지나 텍스트(이모지)로 모든 크기의 파비콘을 한 번에 생성합니다.

브라우저 탭 미리보기

example.com
Website Content

사용 방법

  1. 이미지 업로드를 선택해 정사각형 이미지를 고르거나, 텍스트 / 이모지를 선택해 글자나 이모지를 입력합니다.
  2. 텍스트는 글자색과 배경색을 고르고 미리보기를 확인합니다.
  3. 다운로드를 클릭하면 모든 아이콘 크기가 담긴 ZIP을 받습니다.

생성기에는 두 가지 입력 모드가 있습니다. 이미지 업로드 모드에서는 로고 같은 그림을 제공합니다. 텍스트 / 이모지 모드에서는 선택한 글자색과 배경색으로 512픽셀 정사각형에 텍스트를 굵게 그려 줍니다. 아직 로고가 없는 사이트의 아이콘을 빠르게 만들 때 좋습니다.

ZIP에는 PNG 파일 다섯 개가 들어 있습니다: favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png(180×180), android-chrome-192x192.png, android-chrome-512x512.png. 각각 원본을 고품질 스무딩으로 정사각형에 맞게 축소해 만듭니다. 모든 아이콘이 정사각형으로 그려지므로 정사각형 이미지로 시작하세요. 정사각형이 아니면 늘어나서 맞춰집니다.

ZIP에는 .ico 파일이나 웹 매니페스트가 포함되지 않으므로 link 태그와 필요한 매니페스트는 직접 작성해야 합니다. 일반적으로는 16, 32픽셀 파일을 rel icon의 link 태그에, 180픽셀 파일을 rel apple-touch-icon에, 192와 512픽셀 파일을 웹 앱 매니페스트에 참조합니다.

모든 것은 브라우저의 캔버스에서 생성되며 이미지는 업로드되지 않습니다.

자주 묻는 질문

ZIP에는 어떤 크기가 들어 있나요?

16x16, 32x32, 180x180(apple touch icon), 192x192, 512x512이며 모두 PNG입니다.

.ico 파일도 만들어 주나요?

아니요. 출력은 PNG뿐입니다.

어떤 이미지를 업로드해야 하나요?

정사각형 이미지입니다. 다른 비율은 정사각형으로 늘어나 왜곡됩니다.

이모지를 사용할 수 있나요?

네. 텍스트 / 이모지 모드에서 이모지나 글자를 입력할 수 있습니다. 이모지의 모양은 기기에 설치된 글꼴에 따라 달라집니다.

로고가 업로드되나요?

아니요. 아이콘은 브라우저에서 렌더링됩니다.

관련 도구