도구 소개
Apple Touch Icon은 웹사이트를 Apple 기기의 홈 화면에 추가할 때 사용하는 아이콘입니다. 단색의 정사각형 배경에 로고를 넣어 자주 쓰는 PNG 크기와 해당 HTML 참조를 얻을 수 있습니다.
사용 방법
- PNG, JPG/JPEG 또는 정지 WebP 이미지를 선택하거나 끌어다 놓으세요.
- 기본 흰색 배경을 유지하거나 다른 단색을 고르고 전체 맞춤, 가운데 자르기, 여백을 조정하세요.
- 기본 180×180을 사용하거나 필요한 크기를 더 선택한 뒤 아이콘을 만드세요.
- PNG 또는 ZIP을 다운로드하고 HTML 참조를 복사한 뒤 파일 경로를 확인하세요.
지원 크기
- 기본 파일은 180×180 크기의 apple-touch-icon.png이며 일반적인 웹사이트 용도로 사용할 수 있습니다.
- 필요에 따라 120×120, 152×152, 167×167도 선택할 수 있습니다. 다른 기기나 기존 아이콘 설정에 맞출 때 사용하세요.
아이콘 생성 안내
- 전체 맞춤은 원본 비율을 유지하며 이미지를 모두 담고 남는 공간을 선택한 배경으로 채웁니다. 가운데 자르기는 중앙의 정사각형 영역을 사용합니다. 두 방식 모두 이미지를 늘여 변형하지 않습니다.
- 여백 비율은 결과 이미지의 각 변을 기준으로 계산합니다. 여백이 10%이면 이미지 내용은 가로와 세로 각각 약 80%를 차지합니다.
- 16×16 같은 작은 크기에는 윤곽이 단순하고 대비가 뚜렷한 이미지가 좋습니다. 복잡한 사진이나 작은 글자는 알아보기 어려울 수 있으니 실제 크기 미리보기를 확인하세요.
PNG, JPG/JPEG, 정지 WebP를 지원합니다. 파일당 최대 100MiB, 4,000만 픽셀이며 한 변은 16384픽셀 이하여야 합니다. 큰 이미지는 처리 시간과 메모리가 더 필요할 수 있습니다.
Apple 홈 화면 아이콘 사용 방법
- 기본값은 불투명한 흰색 배경과 한쪽당 10%의 여백입니다. 투명한 로고는 선택한 배경 위에 배치되어 표시 환경에 따라 예상하지 못한 배경색이 생기는 것을 줄여 줍니다.
- 모서리를 미리 자르지 않은 정사각형 PNG가 생성됩니다. 홈 화면에서의 둥근 모서리와 모양은 기기가 결정합니다. 적절한 여백을 두면 주요 내용이 가장자리에 너무 가까워지지 않습니다.
- HTML 참조는 apple-touch-icon을 사용하며 실제 생성된 크기만 표시합니다. 파일을 참조에 맞는 위치에 넣으세요.
개인정보 보호
이미지, 이모지, 생성된 아이콘은 브라우저 안에서만 처리되며 서버로 업로드되지 않습니다.
입력한 내용과 결과는 자동으로 저장되지 않습니다. 비우거나 페이지를 나가기 전에 필요한 아이콘을 다운로드하고 원본도 보관하세요.
자주 묻는 질문
Apple Touch Icon은 무엇인가요?
웹사이트를 Apple 기기 홈 화면에 추가할 때 사용하는 PNG 아이콘입니다. 보통 웹페이지의 apple-touch-icon 참조로 지정합니다.
어떤 크기를 선택해야 하나요?
일반적인 웹사이트는 기본 180×180부터 사용하면 됩니다. 기존 설정이나 다른 기기의 크기에 맞춰야 하면 추가 옵션을 선택하세요.
불투명한 배경을 권장하는 이유는 무엇인가요?
단색 배경을 사용하면 투명 로고 주변의 색을 일정하게 유지할 수 있습니다. 표시 환경이 투명한 부분에 예상하지 못한 색을 적용하는 것을 방지합니다.
아이콘 모서리를 먼저 둥글게 만들어야 하나요?
대체로 필요하지 않습니다. 이 도구는 정사각형 PNG를 만들며 기기가 자체 아이콘 모양을 적용합니다.
다운로드한 아이콘은 어떻게 사용하나요?
결과의 HTML을 복사하고 아이콘을 해당 경로에 넣으세요. 기본 180×180 파일 이름은 apple-touch-icon.png이며 다른 크기는 결과에 표시된 이름을 사용합니다.