그래픽

앱 아이콘 생성기

원본 이미지를 업로드해 웹, iOS, Android, PWA용 아이콘 파일을 한 번에 생성합니다.

원본 이미지권장 원본 크기: 1024x1024 이상, 최소 512x512. 정사각형 이미지 권장.

favicon.ico 생성은 추후 지원 예정입니다. 현재는 PNG favicon 파일을 생성합니다.

맞춤 방식배경배경색

패딩 10%Maskable 안전 영역 적용둥근 모서리

앱 이름짧은 이름시작 URL

테마 색상Manifest 배경색표시 모드

이미지를 업로드하고 미리보기를 생성하세요.

<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="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png">
<link rel="manifest" href="/site.webmanifest">

{
  "name": "My App",
  "short_name": "App",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "/maskable-icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "maskable"
    },
    {
      "src": "/maskable-icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ],
  "theme_color": "#111827",
  "background_color": "#ffffff",
  "start_url": "/",
  "display": "standalone"
}

앱 아이콘 생성기란?

하나의 이미지로 웹과 앱 아이콘 세트를 생성합니다.

앱 아이콘 생성기란?

앱 아이콘 생성기는 하나의 원본 이미지를 웹 favicon, iOS Apple Touch Icon, Android/PWA 아이콘 등 여러 크기의 아이콘 파일로 변환해 주는 도구입니다. 웹사이트, PWA, 모바일 홈 화면 바로가기용 아이콘 세트를 빠르게 만들 수 있습니다.

사용 방법

원본 이미지를 업로드합니다.
출력 대상을 선택합니다.
중앙 크롭 또는 패딩 방식을 선택합니다.
필요한 경우 배경색, 패딩, 둥근 모서리를 조정합니다.
미리보기를 확인합니다.
ZIP 파일로 다운로드합니다.
생성된 HTML 코드와 manifest 코드를 프로젝트에 적용합니다.

원본 이미지 권장 사항

가능하면 1024x1024 이상의 정사각형 PNG 이미지를 사용하는 것이 좋습니다. 작은 이미지를 사용하면 512x512 같은 큰 아이콘에서 흐릿하게 보일 수 있습니다.

출력 대상

웹 favicon, iOS Apple Touch Icon, Android/PWA 아이콘, Maskable Icon을 선택적으로 생성할 수 있습니다. 필요한 플랫폼만 선택하면 ZIP 파일에 해당 파일만 포함됩니다.

주의사항

운영체제나 브라우저는 아이콘을 자체적으로 둥글게 자르거나 마스킹할 수 있습니다. 실제 적용 전에는 iOS, Android, 데스크톱 브라우저에서 아이콘이 잘 보이는지 확인하는 것을 권장합니다.

FAQ

아이콘을 새로 그려주는 AI 기능인가요?

아닙니다. 업로드한 이미지를 필요한 크기로 리사이즈하고 패키징하는 도구입니다.

어떤 원본 이미지를 쓰는 것이 좋나요?

1024x1024 이상의 정사각형 PNG 이미지를 권장합니다.

favicon.ico도 생성되나요?

1차 버전에서는 PNG favicon을 생성합니다. favicon.ico는 추후 지원될 수 있습니다.

업로드한 이미지가 서버로 전송되나요?

아니요. 모든 처리는 브라우저에서 수행됩니다.

ZIP 안에는 무엇이 들어가나요?

선택한 출력 대상의 PNG 파일, site.webmanifest, HTML snippet 파일이 포함됩니다.

5 도구

QR 코드 생성기

URL이나 텍스트를 QR 코드 이미지로 만들고 PNG 또는 SVG로 다운로드할 수 있습니다.

바코드 생성기

Code128, EAN-13, UPC-A 등 다양한 형식의 바코드를 만들고 PNG 또는 SVG로 다운로드합니다.

Base64 인코딩 / 디코딩

UTF-8 텍스트를 Base64로 인코딩하고 Base64를 다시 텍스트로 디코딩합니다.

URL 인코딩 / 디코딩

URL 컴포넌트를 브라우저에서 안전하게 인코딩하고 디코딩합니다.

HTML 이스케이프 / 복원

예약된 HTML 문자를 이스케이프하고 일반 HTML 엔티티를 복원합니다.