고해상도 PNG 또는 JPG 로고 한 장만 업로드하면 다중 해상도 favicon.ico 파일, HTML <head> 태그 코드, 그리고 iOS·Android·macOS·Windows 규격의 전체 앱 아이콘 세트를 브라우저 로컬에서 즉시 패키징합니다.
100% 브라우저 로컬 처리 — 파일이 서버로 업로드되지 않아 완벽한 보안 보장
또는 클릭하여 파일 선택
최상의 결과를 얻으려면 최소 512x512 픽셀의 정사각형 이미지를 업로드하세요.
모든 최신 브라우저 및 장치용.
iOS, Android, macOS 및 Windows용.
여러 PNG 크기, favicon.ico 파일 및 구성 파일을 포함하는 완전한 패키지가 생성됩니다.
1024×1024 픽셀 마스터 로고 한 장으로 즉시 추출되는 플랫폼별 실제 폴더 구조와 파일 명세입니다.
단일 파일 내에 16/32/48px 레이어가 통합된 표준 바이너리 favicon.ico와 함께 iOS 사파리 홈 화면 아이콘, Android Chrome PWA 아이콘 및 복사해 바로 쓰는 HTML <link> 태그를 제공합니다.
포토샵이나 피그마에서 20여 가지 해상도를 일일이 내보낼 필요가 없습니다. 아이폰, 아이패드, 앱스토어(1024×1024) 및 안드로이드 밀도별 폴더를 공식 명명 규칙에 맞춰 하나의 ZIP으로 묶어줍니다.
Electron, Tauri, Flutter, C#/.NET 개발자를 위해 별도의 명령줄 도구 없이 선명한 윈도우 작업 표시줄 아이콘과 맥OS 독(Dock) 아이콘을 즉시 생성합니다.
오늘날의 웹사이트와 크로스 플랫폼 앱은 16×16 크기 파일 하나로만 동작하지 않습니다. 각 브라우저와 모바일·데스크톱 운영체제는 25가지 이상의 서로 다른 픽셀 해상도와 바이너리 컨테이너를 요구합니다.
.png 파일의 이름만 .ico로 바꾸면 구형 브라우저나 윈도우 탐색기에서 아이콘이 깨집니다. 본 도구는 16×16, 32×32, 48×48 프레임을 표준 바이너리 헤더로 묶은 정식 favicon.ico를 생성합니다.
iOS의 @1x/@2x/@3x 파일들과 Android의 mdpi~xxxhdpi 폴더를 수작업으로 만들면 실수가 발생하기 쉽습니다. 1024×1024 원본 한 장으로 전체 폴더 트리를 한 번에 완성하세요.
모든 이미지 크기 조절, 바이너리 인코딩 및 JSZip 압축 과정이 사용자의 브라우저 내부(JavaScript)에서만 실행되므로 미공개 브랜드 로고가 외부 서버로 유출되지 않습니다.
1024×1024 앱스토어 아이콘부터 16×16 브라우저 탭 파비콘까지 모두 선명하게 뽑아내려면 다음 기준에 맞춰 원본 이미지를 준비하세요.
가로와 세로 픽셀이 똑같은 정사각형 이미지를 준비하세요. 최소 512×512px 이상이어야 하며, 애플 앱스토어 등록용 아이콘이 필요하다면 1024×1024px 원본이 필수입니다.
.png, .jpg, .jpeg 포맷을 지원합니다. 만약 로고 원본이 .svg 벡터 파일이라면 상단 메뉴의 "SVG PNG 변환기"에서 1024×1024px PNG로 먼저 변환한 뒤 업로드하세요.
브라우저 탭의 16×16 픽셀 크기에서는 긴 브랜드 슬로건이나 1px짜리 가는 선이 뭉개져 보이지 않습니다. 핵심 심볼 마크나 이니셜만 중앙에 크게 배치하고 10% 정도의 여백을 두세요.
웹 브라우저 탭 파비콘과 데스크톱 아이콘에는 투명 배경 PNG가 깔끔하지만, iOS 앱 아이콘은 투명 영역이 검은색으로 칠해지므로 반드시 불투명한 배경색을 채워서 준비하세요.
파란색 드롭 영역에 원본 이미지를 끌어다 놓거나 상단의 샘플 버튼을 클릭합니다. 왼쪽 미리보기 창에서 이미지 해상도와 가로세로 비율을 즉시 검사합니다.
오른쪽 옵션에서 웹사이트·블로그·쇼핑몰에 적용할 파비콘 세트를 만들지, 모바일 및 PC 네이티브 앱 아이콘 세트를 만들지 선택합니다.
앱 아이콘 모드를 선택한 경우 iOS (.appiconset), Android (mipmap PNGs), macOS (.icns), Windows (.ico) 중 필요한 플랫폼을 체크하고 파란색 생성 버튼을 누릅니다.
완성된 Favicon.zip 또는 App-Icons.zip을 다운로드합니다. 웹 파비콘 모드에서는 코드 창 우측 상단의 "Copy" 버튼을 눌러 HTML <link> 태그를 그대로 복사해 웹페이지 <head>에 붙여넣으세요.
다운로드한 ZIP 아카이브는 각 개발 환경에 바로 복사해 넣을 수 있도록 표준 구조로 정리되어 있습니다.
Favicon.zip 압축을 풀어 웹사이트 루트 디렉터리(Next.js/Vue의 public 폴더 또는 워드프레스 루트 등)에 넣고, 복사한 <link> 코드 조각을 HTML <head> 태그 안에 붙여넣으면 즉시 적용됩니다.
iOS용 .appiconset 폴더는 Xcode의 Asset Catalog로 그대로 드래그하면 되고, Android용 mipmap-* 폴더들은 app/src/main/res/ 경로에 덮어쓰기만 하면 끝납니다.
electron-builder나 tauri.conf.json 설정 파일의 아이콘 경로에 압축 파일 내의 Windows .ico 및 macOS .icns 파일을 지정하여 설치 파일을 빌드하세요.
아이콘 패키지를 생성하기 전에 아래 세 가지 흔한 디자인 실수를 확인하면 시행착오를 줄일 수 있습니다.
모든 운영체제 아이콘과 파비콘은 엄격한 1:1 정사각형 규격을 사용합니다. 가로로 긴 로고를 16×16 정사각형 안에 맞추면 높이가 3~4픽셀로 줄어들어 식별이 불가능해집니다.
업로드 전에 텍스트 로고 부분을 잘라내고 정사각형 비율의 심볼 마크만 1024×1024 픽셀로 추출하여 업로드하세요.
애플 iOS 휴먼 인터페이스 가이드라인은 앱 아이콘의 투명 알파 채널을 허용하지 않으며, 투명한 픽셀을 시스템이 강제로 순수 검은색(#000000)으로 채웁니다.
iOS 앱 아이콘(.appiconset)이나 Apple Touch Icon을 만들 때는 로고 뒤에 흰색이나 브랜드 색상의 불투명한 정사각형 배경을 깔아서 내보내세요.
1024px의 복잡한 일러스트를 16px로 축소하면 수십 픽셀의 디테일이 단 1픽셀로 평균화(안티앨리어싱)되면서 경계가 흐려집니다.
작은 크기에서도 윤곽이 뚜렷하도록 획을 굵게 만들고 자잘한 내부 장식을 덜어낸 고대비 심볼을 사용하세요.
세 가지 도구를 순서대로 연계하면 벡터 로고 원본에서 완벽한 웹·앱 아이콘 배포까지 한 번에 끝낼 수 있습니다.
| 비교 항목 | 아이콘 및 파비콘 생성기 (현재 도구) | SVG PNG 변환기 | PNG 용량 압축기 |
|---|---|---|---|
| 핵심 역할 | 1장의 원본 이미지를 다중 크기 .ico, .icns 및 OS별 아이콘 폴더로 패키징 | 벡터 .svg 파일을 원하는 픽셀 크기의 선명한 투명 .png로 변환 | 픽셀 해상도 변경 없이 .png 파일 용량(KB/MB)만 최대 75% 축소 |
| 입력 파일 포맷 | .png, .jpg, .jpeg (1024×1024px 정사각형 권장) | .svg 벡터 파일 또는 XML 코드 붙여넣기 | .png 비트맵 이미지 (24비트 RGB / 32비트 RGBA) |
| 출력 결과물 | Favicon.zip (+ HTML 태그) 또는 플랫폼별 App-Icons.zip | 사용자 지정 해상도의 단일 .png 이미지 (4K 및 300 DPI 지원) | 해상도는 동일하고 용량만 가벼워진 .png 파일 |
| 추천 연동 워크플로우 | 2단계: 1024×1024 PNG를 넣어 파비콘 및 앱 아이콘 ZIP 생성 | 1단계: 벡터 로고.svg를 1024×1024px PNG로 먼저 변환 | 3단계: 개별 대용량 PNG 아이콘의 용량을 추가로 경량화 |
먼저 상단 메뉴의 "SVG PNG 변환기"로 이동하여 가로세로 크기를 1024×1024 px로 입력해 PNG 파일로 변환하세요. 그다음 다운로드한 1024×1024 PNG 파일을 이 페이지에 업로드하면 최고 화질의 아이콘 세트를 만들 수 있습니다.
16×16, 32×32, 48×48 레이어가 하나로 합쳐진 멀티 해상도 favicon.ico 파일과 함께 favicon-16x16.png, favicon-32x32.png, 아이폰/아이패드용 apple-touch-icon.png (180×180), 안드로이드 및 PWA용 192×192, 512×512 PNG 이미지가 모두 포함됩니다.
웹 브라우저는 파비콘을 매우 강력하게 캐싱하기 때문입니다. 시크릿 창(개인정보 보호 모드)에서 접속해 확인하거나, HTML 링크 태그를 <link rel="icon" href="/favicon.ico?v=2">처럼 쿼리 문자열을 붙여 수정하면 즉시 새 아이콘으로 갱신됩니다.
절대 저장되지 않습니다. 이미지 리사이징, .ico 및 .icns 바이너리 생성, JSZip을 통한 ZIP 파일 압축까지 100% 사용자의 웹 브라우저 내부에서만 처리됩니다.
애플 앱스토어 등록 아이콘 규격이 1024×1024px이고 macOS Retina 아이콘 역시 최대 1024px을 사용하기 때문입니다. 큰 원본에서 작은 크기로 축소(다운샘플링)해야 모든 크기에서 깨짐 없이 선명한 아이콘이 만들어집니다.
각 작업에 최적화된 브라우저 기반 이미지 및 벡터 도구를 바로 이용해 보세요.
투명 배경을 유지하며 SVG를 고화질 PNG로 변환합니다. 사용자 지정 픽셀 크기 및 300 DPI 인쇄 설정을 지원합니다.
원본 이미지 해상도(가로×세로 픽셀)를 그대로 유지하면서 스마트 색상 양자화로 PNG 용량을 최대 75% 줄입니다.
불필요한 메타데이터와 주석을 제거하여 화질 저하 없이 SVG 파일 크기를 40%~80% 줄입니다.
수십~수백 개의 SVG 파일을 한 번에 PNG, JPG, WebP로 일괄 변환하여 ZIP 파일로 다운로드합니다.