Apple Touch Icon 생성기
iOS가 홈 화면 즐겨찾기에 쓰는 180×180 apple-touch-icon을 — 전체 파비콘 세트와 함께 — 브라우저 안에서 로컬로 만드세요. 아무것도 업로드되지 않습니다.
개인정보 우선: 모든 이미지는 브라우저에서 로컬로 처리됩니다. 어떤 것도 서버에 업로드, 저장 또는 전송되지 않습니다.
iOS가 홈 화면에 올리는 아이콘
누군가 여러분의 사이트를 iPhone이나 iPad 홈 화면에 추가하면 iOS는 180×180 apple-touch-icon을 찾습니다. 없으면 흐릿한 스크린샷으로 대체하죠. 이 생성기는 여러분의 이미지에서 바로 그 크기를 렌더링하고 — apple-touch-icon은 투명하면 안 되므로 단색 배경과 함께 — favicon.ico와 Android 아이콘과 나란히 내려받기에 담아 줍니다.
한 번의 내보내기로, 모든 플랫폼에
기기마다 파일을 따로 손으로 자르는 대신 세트 전체를 한 번에 만드세요. iOS를 위한 apple-touch-icon, Android와 PWA를 위한 192·512px PNG, 데스크톱 브라우저를 위한 favicon.ico, 그리고 이들을 참조하는 HTML 스니펫까지요. 전부 브라우저 안에서 실행되므로 브랜드 아트워크가 기기를 벗어나지 않습니다.
자주 묻는 질문
- 파비콘을 만들기 위해 이미지가 업로드되나요?
- 아니요. favicon.ico, PNG 아이콘, 매니페스트는 모두 Canvas API를 사용해 브라우저에서 로컬로 생성됩니다. 이미지는 기기를 벗어나지 않습니다.
- 어떤 크기와 파일을 받게 되나요?
- 여러 해상도를 담은 favicon.ico(16, 32, 48px), 16, 32, 48, 180(apple-touch-icon), 192, 512px PNG 아이콘, site.webmanifest, 그리고 <head>에 붙여 넣을 HTML 스니펫입니다.
- PNG나 SVG를 ICO로 변환할 수 있나요?
- 네. PNG, JPG, SVG, WebP를 넣고 진짜 favicon.ico를 내려받으세요. SVG 로고는 먼저 고해상도로 로컬에서 래스터화됩니다.
- 어떤 이미지가 가장 좋나요?
- 단순하고 대비가 뚜렷한 로고가 담긴 정사각형 이미지입니다. 정사각형이 아닌 이미지는 중앙을 기준으로 잘리며, 안쪽 여백과 모양 조절로 원하는 구도를 잡을 수 있습니다.
- 파비콘은 어떻게 설치하나요?
- 패키지를 사이트의 루트 폴더에 압축 해제하고, 제공된 HTML 스니펫을 페이지의 <head>에 붙여 넣으세요. favicon.ico는 대부분의 브라우저가 자동으로 인식합니다.