개발툴

아이콘 생성기: 파비콘부터 앱 아이콘까지 한 번에 생성

F
Fit System2026-04-07 · 3분분 읽기
IconFaviconGeneratorPWATools

웹사이트와 앱 개발에 필요한 모든 아이콘을 한 번에 생성하세요. 이미지 하나만 업로드하면 Favicon, Apple Touch Icon, Android, MS Tiles, Web 아이콘 세트를 자동으로 만들어 ZIP으로 다운로드할 수 있습니다.

왜 여러 사이즈의 아이콘이 필요한가?

브라우저와 운영체제마다 요구하는 아이콘 사이즈가 다릅니다. 적절한 사이즈를 제공하지 않으면 흐릿하거나 잘린 아이콘이 표시될 수 있습니다.

  • Favicon: 브라우저 탭과 즐겨찾기에 표시 (16×16 ~ 96×96px)
  • Apple Touch Icon: iOS 홈 화면 앱 아이콘 (57×57 ~ 180×180px)
  • Android Icon: Android 런처 아이콘 (36×36 ~ 512×512px)
  • MS Tiles: Windows 시작 메뉴 타일 (70×70 ~ 310×310px)
  • Web Icons: PWA 및 일반 웹 아이콘 (128×128 ~ 512×512px)

아이콘 생성기

아래에 이미지를 드래그 앤 드롭하거나 클릭하여 업로드하세요. PNG, JPEG, WebP 등 모든 이미지 형식을 지원하며, 최대 20MB까지 업로드 가능합니다.

출력 포맷 선택 가이드

  • PNG: 투명 배경 지원. 대부분의 아이콘에 권장
  • WebP: 파일 크기가 작음. 최신 브라우저와 Android에 적합
  • JPEG: 투명 배경 불필요한 고해상도 아이콘에 사용

HTML에 아이콘 등록하는 방법

생성한 아이콘을 다운로드 후 HTML <head>에 다음과 같이 추가하세요:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="manifest" href="/manifest.json">
F

Fit System

10년 이상의 소프트웨어 엔지니어링 경험을 가진 개발자입니다. 고성능 시스템 설계와 클라우드 네이티브 아키텍처를 전문으로 합니다.