출시일을 위해 만들어짐
온라인에서 이미지를 아이콘으로 변환
OneImageTool은 로고, 아바타, 마스코트, 제품 마크를 실제 웹사이트나 앱에 필요한 아이콘 파일로 바꿉니다. 이미지를 업로드해 깔끔한 정사각형으로 다듬고, 브라우저 탭과 모바일 홈 화면에서 미리 본 뒤 favicon.ico, PNG 아이콘, Apple Touch Icon 파일, PWA 매니페스트를 저장하세요. 원본을 더 정리해야 한다면 먼저 정사각형으로 자르거나, 지나치게 큰 내보내기를 압축하세요 — 두 도구 모두 브라우저에서 실행됩니다.
모든 과정이 브라우저에서 실행됩니다. 원본이 비공개 클라이언트 로고, 미공개 앱 마크, 또는 다른 서버로 보내고 싶지 않은 즉석 아이디어일 때 이 점이 중요합니다. 실시간 기기 미리보기를 보면서 여백, 배경색, 모서리 반경을 조절하세요.
웹사이트용 파비콘
같은 원본에서 브라우저 탭 아이콘을 만드세요. 강렬한 마크에는 자르기를, 로고에 여유가 필요하면 여백을 둔 맞춤을 사용하세요.
바로 가기 ICO
레거시 파비콘 지원과 데스크톱 바로 가기를 위한 멀티 사이즈 ICO를 다운로드하세요. 작은 크기는 탭 미리보기에서 선명하게 유지되도록 조정됩니다.
앱·PWA 아이콘
홈 화면과 설치 안내를 위한 더 큰 PNG 크기를 생성하세요. 팩에는 미리 구성된 웹 매니페스트와 HTML 스니펫이 포함됩니다.
여러 기기 미리보기
탭만 보여 주는 미리보기와 달리, OneImageTool은 iOS 홈 화면, Android 설치 배너, Windows 타일 목업을 보여 줍니다 — 편집하는 대로 실시간으로 갱신됩니다.
한 번 다운로드, 여러 곳에서
이미지-아이콘 도구가 생성하는 것
좋은 작업 흐름은 작은 그래픽 하나만 건네지 않습니다. 랜딩 페이지, 문서, 앱, PWA, 사이드 프로젝트에는 여러 에셋과 HTML 스니펫이 필요합니다. 브라우저 친화적인 세트를 ZIP 하나로 받으세요.
팩에는 favicon.ico, 일반적인 PNG 크기, 웹 매니페스트, HTML 스니펫, README가 포함되어 일반 웹사이트와 PWA 설정을 아우릅니다.
- favicon.icoICO
- favicon-16x16.png … 512x512.pngPNG
- apple-touch-icon.pngiOS
- android-chrome-192x192.pngPWA
- site.webmanifestJSON
- favicon-html.txtHTML
- README.txtDOC
다섯 번의 작은 동작
이미지-아이콘 변환기 사용 방법
업로드
PNG·JPG·WebP·SVG를 놓으세요. 정사각형 원본이 가장 좋지만 가로가 긴 이미지도 괜찮습니다.
모양 다듬기
맞춤, 자르기, 늘이기 중에서 고르세요. 브라우저·iOS·Android 미리보기가 즉시 갱신되는 것을 보세요.
스타일
여백을 더하고, 모서리를 둥글게 하고, 투명도를 유지하거나 단색 배경 타일을 고르세요.
미리보기
16px 탭과 홈 화면 목업을 확인하세요. 탭 아이콘이 읽기 어렵다면 여백이나 단색 배경을 더하세요.
다운로드
favicon.ico, PNG 파일, 매니페스트, HTML 스니펫, README가 담긴 전체 아이콘 팩을 저장하세요.
아주 작은 것부터 설치 준비까지
이미지-아이콘 출력에 적합한 크기
아이콘은 매우 다른 곳에 나타납니다. 브라우저 탭에는 디테일이 거의 없는 강렬한 심볼이 필요합니다. PWA 설치 화면은 더 큰 마크를 보여 줄 수 있습니다. 이 변환기는 원본 이미지 하나에서 모든 일반적인 크기를 만듭니다.
| 크기 | 일반 용도 | 도구 내 미리보기 | 팁 |
|---|---|---|---|
| 16×16 | 브라우저 탭, 레거시 파비콘 | 브라우저 탭 목업 | 강한 실루엣, 최소한의 디테일을 사용 |
| 32×32 | 최신 파비콘 PNG, HD 탭 | 크기 그리드 | 파비콘 HTML의 실용적 기본값 |
| 48×48 | 데스크톱 바로 가기, Windows 타일 | Windows 타일 목업 | 모양을 가운데에 두기 |
| 180×180 | Apple Touch Icon | iOS 홈 화면 목업 | iOS에서는 단색 배경이 더 깔끔해 보이곤 함 |
| 192×192 | Android Chrome, PWA | Android 설치 목업 | manifest.json 아이콘에 사용됨 |
| 512×512 | PWA 스플래시, 설치 UI | 크기 그리드 | 고품질 원본에서 시작하기 |
작은 버전을 또렷하게
다운로드 전 디자인 체크리스트
파비콘은 작습니다 — 가는 선, 작은 글자, 복잡한 사진과 스크린샷은 흐릿해지곤 합니다. 실시간 탭과 홈 화면 미리보기로 내보내기 전에 가독성을 확인하세요.
16px 탭 미리보기가 읽기 어렵다면 더 과감한 자르기, 더 많은 여백, 단색 배경을 시도하세요. 대비가 뚜렷하고 가운데에 놓인 모양이 큰 이미지에서 아이콘으로의 전환을 훨씬 잘 견딥니다.
단순한 로고, 평면 마스코트, 정사각형 마크, 굵은 이니셜, 고대비 심볼.
세밀한 사진, 가는 윤곽, 스크린샷, 긴 단어, 가장자리에 닿는 마크.
붙여넣고 배포
생성된 아이콘 파일을 둘 위치
정적 사이트에서는 파일을 공개 루트나 프로덕션에 복사되는 에셋 폴더에 넣으세요. HTML 스니펫을 <head> 안에 붙여넣으세요. 출시 후 파비콘 URL을 그대로 유지해 북마크와 설치된 바로 가기가 같은 아이콘을 유지하도록 하세요.
파비콘 캐시는 테스트 중에 완강합니다 — 시험할 때는 시크릿 창을 쓰거나 파일 이름을 바꾸세요.
public/
├── favicon.ico
├── favicon-32x32.png
├── apple-touch-icon.png
├── android-chrome-192x192.png
├── android-chrome-512x512.png
└── site.webmanifest