Apple 터치 아이콘 생성기
아이폰·아이패드가 홈 화면 북마크에 쓰는 180×180 apple-touch-icon.png를 완전한 파비콘 패키지와 함께 브라우저에서 바로 생성하세요. 업로드 없이.
아이콘 생성 방법
- 정사각형 PNG, JPG, WebP를 끌어놓거나 선택하세요. 512×512 이상이 가장 선명합니다.
- 패키지를 생성하세요. apple-touch-icon.png(180×180)가 전체 파비콘 세트와 함께 렌더링됩니다.
- 미리보기에서 배경색과 이미지 크기를 다듬고, ZIP을 내려받아 HTML 스니펫을 <head>에 붙여넣으세요.
이 아이콘들에 관하여
Apple 터치 아이콘은 누군가 사이트를 홈 화면에 추가할 때 iOS가 보여주는 이미지입니다. Safari는 /apple-touch-icon.png 경로의 180×180 PNG를 찾으며, 이 한 파일이면 모든 최신 아이폰·아이패드를 커버합니다. 과거의 긴 레거시 크기 목록은 더 이상 필요 없습니다.
iOS는 투명도를 무시하고(검정으로 채움) 모서리도 스스로 둥글리므로, 단색 배경이 가장 좋습니다. 미리보기 편집기에서 배경색을 지정할 수 있습니다. OptImg는 기기 안에서 아이콘을 렌더링해 favicon.ico, PNG 파비콘, Android 아이콘, 웹 매니페스트, HTML 스니펫과 함께 묶어 줍니다. 아무것도 업로드되지 않습니다.
자주 묻는 질문
- Apple 터치 아이콘 크기는 얼마여야 하나요?
- 180×180픽셀입니다. 최신 아이폰·아이패드의 Safari가 요청하는 크기이며, 예전의 57~152px 변형은 레거시라 180×180 한 파일로 충분합니다.
- 아이콘을 투명하게 만들 수 있나요?
- 권장하지 않습니다. iOS는 투명 영역을 검정으로 채우고 모서리를 스스로 둥글립니다. 대신 미리보기 편집기에서 단색 배경을 지정하세요.
- 제 로고가 서버로 업로드되나요?
- 아니요. 모든 아이콘이 완전히 브라우저에서 렌더링·패키징됩니다. 이미지는 기기를 떠나지 않습니다.
- 어떤 HTML이 필요한가요?
- <link rel="apple-touch-icon" href="/apple-touch-icon.png"> 태그 하나면 됩니다. 패키지가 생성하는 복사·붙여넣기 스니펫에 다른 아이콘 태그와 함께 들어 있습니다.