파비콘 생성기

브라우저에서 완전한 파비콘 패키지를 생성합니다: 진짜 다중 해상도 favicon.ico, 16~512 px PNG, site.webmanifest, HTML 스니펫.

도구를 불러오는 중…

파비콘 생성기 — PNG 또는 JPG 이미지 한 장을 올리면 완전한 파비콘 패키지가 즉시 완성됩니다: 진짜 다중 해상도 favicon.ico(16/32/48), 16~512 px 정사각형 PNG 아이콘, site.webmanifest, 그리고 붙여넣기만 하면 되는 HTML head 스니펫입니다. 정사각형·둥근·마스커블 모양을 고르고 배경 채움과 여백을 더한 뒤, 원하는 크기 하나만, .ico만, 또는 전체 패키지를 ZIP으로 받을 수 있습니다. 모든 처리는 브라우저 안에서만 이뤄지며 이미지는 절대 업로드되지 않습니다.

파비콘 생성기란?

Favicon Generator는 PNG 또는 JPG 이미지 한 장을 바로 배포할 수 있는 완전한 파비콘 패키지로 변환해 주는 무료 브라우저 기반 favicon 제작 도구입니다. 소프트웨어 설치나 회원가입 없이 HTML, WordPress, PWA, Apple touch 아이콘용 favicon을 빠르게 만들어야 하는 개발자, 웹 디자이너, 사이트 운영자를 위해 만들어졌습니다. 진짜 다중 해상도 favicon.ico(16·32·48 px), 16·32·48·180(Apple touch)·192/512 px(Android/PWA) 정사각형 PNG 아이콘, site.webmanifest, HTML head 스니펫을 모두 고품질 canvas 스케일링으로 한 번에 생성합니다. 로고나 이미지를 현대 사이트에 필요한 모든 favicon 파일로, 전적으로 내 기기 안에서 변환하고 싶을 때 언제든 사용하세요.

파비콘 생성기 사용법

  1. PNG 또는 JPG 이미지를 드롭존에 끌어다 놓거나, 클릭해서 기기에서 파일을 찾아 선택하세요.
  2. 설정(톱니바퀴)을 열어 정사각형·둥근·마스커블 모양을 고르고, 배경 채움 색을 켜고, 가장자리 여백을 설정하세요.
  3. 도구가 각 크기를 자동으로 렌더링하고, 다중 해상도 favicon.ico를 묶고, site.webmanifest와 HTML 스니펫을 생성하는 동안 기다리세요.
  4. 썸네일을 클릭해 확대 라이트박스를 열거나, HTML <head> 스니펫과 manifest 텍스트를 각 패널에서 바로 복사하세요.
  5. 크기별 버튼으로 PNG 하나만 저장하거나, .ico 버튼으로 아이콘 묶음을 받거나, ‘패키지 다운로드’로 전부를 ZIP으로 받으세요.
  6. 초기화를 눌러 현재 이미지를 지우고 새 이미지로 다시 시작하세요.

예시

로고를 완전한 파비콘 패키지로

PNG 로고를 드롭하면 favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest와 짝이 맞는 <head> 스니펫까지 받아 favicon-package.zip 하나로 묶어 줍니다.

마스커블 Android 아이콘

모양을 마스커블로 바꾸고 흰색 배경을 켜면, 도구가 안전영역 여백을 더하고 manifest 아이콘의 purpose를 "maskable"로 설정합니다. 그러면 Android가 로고를 자르지 않고 원형이나 스쿼클로 잘라낼 수 있습니다.

여백이 있는 둥근 아이콘

둥근 모양과 약 12% 여백을 선택하면 모서리가 부드럽게 깎이고 그림 주변에 여유가 생겨, 현대적인 앱 아이콘 스타일에 맞습니다.

자주 묻는 질문

favicon.ico는 진짜 다중 해상도 아이콘인가요?
네. 도구는 16·32·48 px PNG를 브라우저 안에서 바이트 단위로 작성한 하나의 favicon.ico 컨테이너로 묶습니다. 그래서 이 .ico 파일 하나가 브라우저 탭과 북마크에 세 가지 해상도를 모두 제공합니다.
ZIP 패키지에는 어떤 파일이 들어 있나요?
ZIP에는 favicon.ico, PNG 아이콘(관례적 이름의 16·32·48·180·192·512 px), site.webmanifest가 들어 있습니다. 제공된 HTML <head> 스니펫을 붙여 넣어 페이지에 연결하세요.
모양과 여백 옵션은 무슨 역할을 하나요?
정사각형은 평범한 정사각형 아이콘을 유지하고, 둥근은 모서리를 깎으며, 마스커블은 안전영역 여백을 더하고 manifest 아이콘을 Android용 maskable로 표시합니다. 여백은 각 정사각형 안의 그림을 줄이고, 배경 채움은 그 뒤를 칠합니다.
어떤 이미지 형식을 업로드할 수 있나요?
PNG 또는 JPG 이미지 한 장을 드롭하거나 찾아서 선택할 수 있습니다. 도구는 그 한 장의 소스 이미지를 읽어 각 출력 크기와 favicon.ico, manifest를 렌더링합니다.
제 이미지가 서버로 업로드되나요?
아니요. 모든 처리는 Canvas API를 사용해 브라우저 안에서 로컬로 실행됩니다. PNG 아이콘, favicon.ico 컨테이너, ZIP 모두 내 기기에서 생성되므로 이미지가 업로드되는 일은 결코 없습니다.

관련 도구

이미지 포맷 변환기

이미지를 AVIF, WebP, PNG, JPEG, BMP, ICO, 단일 프레임 GIF 사이에서 브라우저 안에서 서로 변환합니다.

Excel/CSV를 JSON으로

Excel이나 CSV 표를 브라우저에서 JSON 또는 CSV로 변환하세요.

EXIF 뷰어 · 메타데이터 제거기

이미지의 EXIF 메타데이터(카메라, 렌즈, 날짜, GPS 위치)를 확인하고 제거한 깨끗한 사본을 내려받으세요 — 모두 브라우저 안에서.

GIF 메이커

PNG·JPEG 이미지를 브라우저에서 움직이는 GIF로 합치기 — 프레임별 속도, 원하는 크기, 투명·단색 배경, 디더링, 부메랑 재생.