파비콘 생성

Favicon Generator

이미지를 선택하면 규격별 파비콘이 여기 표시됩니다.

Select an image to see favicons in every size here.

HTML 코드 (복사해서 <head>에 붙여넣으세요)

HTML snippet (copy into your <head>)

<!-- 이미지를 선택하면 코드가 생성됩니다 -->
파비콘이란?

파비콘(favicon)은 웹사이트를 대표하는 작은 아이콘으로, 브라우저 탭·즐겨찾기·바로가기 등에 표시되어 사이트를 시각적으로 식별하는 역할을 합니다.

왜 여러 규격이 필요한가요?

브라우저 탭(16·32px), 데스크톱 즐겨찾기(48px), iOS 홈 화면(180px, apple-touch-icon), 안드로이드·PWA 매니페스트(192·512px) 등 사용 위치마다 요구 해상도가 다르기 때문에 여러 규격을 함께 준비하는 것이 좋습니다.

ICO 파일은 왜 필요한가요?

ICO는 여러 해상도를 한 파일에 담을 수 있는 전통적인 아이콘 포맷입니다. 구형 브라우저나 일부 환경은 사이트 루트의 favicon.ico 파일을 직접 요청하므로 지금도 널리 함께 제공됩니다.

개인정보 · 안전성

이미지 로딩·리사이즈·ICO 조립·다운로드까지 전 과정이 브라우저 안에서만 이루어지며, 파일은 서버로 전송되거나 저장되지 않습니다.

참고: 정사각형이 아닌 이미지는 선택한 맞춤 방식(여백 포함/중앙 크롭)에 따라 자동으로 조정됩니다.
What is a favicon?

A favicon is the small icon that represents your site in browser tabs, bookmarks, and shortcuts — a quick visual way to identify the site.

Why do I need multiple sizes?

Browser tabs (16, 32px), desktop bookmarks (48px), iOS home screen (180px, apple-touch-icon), and Android/PWA manifests (192, 512px) each expect different resolutions, so it's best to prepare several sizes together.

Why do I need an ICO file?

ICO is a classic icon format that can bundle multiple resolutions in one file. Older browsers and some environments request favicon.ico at the site root directly, so it's still widely provided alongside PNGs.

Privacy & safety

Loading, resizing, assembling the ICO, and downloading all happen entirely in your browser — files are never uploaded or stored on a server.

파비콘이란 무엇인가요?
파비콘(favicon)은 웹사이트의 브라우저 탭·즐겨찾기·바로가기 아이콘에 표시되는 작은 이미지입니다. 사이트를 시각적으로 식별하는 역할을 합니다.
왜 여러 크기의 파비콘이 필요한가요?
브라우저 탭, 즐겨찾기, iOS 홈 화면 아이콘(apple-touch-icon), 안드로이드 홈 화면, PWA 매니페스트 등 사용 위치마다 요구하는 해상도가 달라 16·32·48·180·192·512px 등 여러 규격을 함께 준비하는 것이 좋습니다.
ICO 파일은 왜 따로 필요한가요?
ICO는 여러 해상도의 이미지를 한 파일에 담을 수 있는 오래된 아이콘 포맷으로, 구형 브라우저와 일부 환경에서 favicon.ico 파일을 직접 요구하기 때문에 지금도 널리 함께 제공됩니다.
업로드한 이미지가 서버로 전송되나요?
아니요. 이미지 로딩과 리사이즈, ICO 조립, 다운로드까지 전 과정이 브라우저 안에서만 이루어지며 파일이 서버로 전송되거나 저장되지 않습니다.
What is a favicon?
A favicon is a small icon shown in a browser's tab, bookmarks, and shortcuts, used to visually identify a website.
Why do I need multiple favicon sizes?
Browser tabs, bookmarks, iOS home screen icons (apple-touch-icon), Android home screens, and PWA manifests each expect different resolutions, so it's best to prepare several sizes such as 16, 32, 48, 180, 192, and 512px together.
Why is a separate ICO file needed?
ICO is an older icon format that can bundle multiple resolutions in one file. Older browsers and some environments still request favicon.ico directly, so it's widely provided alongside PNGs.
Is my image uploaded to a server?
No. Loading, resizing, assembling the ICO, and downloading all happen in your browser only — nothing is sent or stored on a server.

안내: 본 도구는 이미지를 브라우저에서 재인코딩하는 참고용 도구입니다. 생성된 파비콘의 화질·지원 여부는 브라우저 종류와 원본 이미지에 따라 달라질 수 있습니다.

Note: This tool re-encodes images in your browser for reference purposes. Resulting quality and format support vary with the browser and source image.