애플 터치 아이콘의 정확한 픽셀 치수는 얼마입니까?

애플 터치 아이콘의 정확한 픽셀 치수는 얼마입니까?

사이즈가 어떻게 되어야 하는지 잘 모르겠습니다.

많은 사이트에서 애플 터치 아이콘은 57x57 픽셀이 되어야 한다고 반복하는 것처럼 보이지만 깨진 링크를 출처로 인용합니다.

헨젤만과 운동장 블루스의 코멘트는 163x163, 60x60 등 다양한 사이즈를 제안합니다.

애플사의 apple.com 아이콘은 129x129 입니다!

관련 질문 보기:웹 사이트에 아이폰 아이콘을 제공하려면 어떻게 해야 합니까?

2010년 8월 3일자 애플 지침에 따라 (iPhone 4용) "고해상도" 이미지가 "필수" 아이콘 크기에 포함된 것으로 보입니다.

지금은 57x57과 114x114 이미지와 640x960 타이틀 이미지를 모두 제공해야 할 것 같습니다.

전체 문서의 일부인 사용자 정의 아이콘 및 이미지 작성 지침(Javascript 필요)을 참조하십시오.

• iOS 휴먼 인터페이스 가이드라인 (2013; Apple Inc; PDF; 26,3MB)

원하는 디테일에 따라 가로 세로 비율이 1:1이어야 합니다(기본적으로 정사각형이어야 함).

애플 자체 129*129로 하겠습니다.

Apple 사양은 iOS7의 새로운 크기를 지정합니다.

• 60x60
• 76x76
• 120x120
• 152x152

iOS6 및 이전 버전의 이전 크기는 다음과 같습니다.

• 57x57
• 72x72
• 114x114
• 144x144

그런데, 미리 작곡된 아이콘은 더 이상 사용되지 않습니다.

따라서 새로운 장치(iOS7 실행) 및 이전(iOS6 및 이전)를 지원하려면 이 8개의 사진이 있어야 하며 일반 코드는 다음과 같습니다.

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">    
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">

또한 152x152라는 이름의 그림을 만들어야 합니다.

이 파비콘 생성기는 이 모든 사진을 한 번에 생성할 수 있습니다.전체 공개:저는 이 사이트의 작성자입니다.

공식 사이즈는 57x57 입니다.단순히 로드 시 메모리가 적게 소요되기 때문에 정확한 크기를 사용하는 것을 권장합니다(Apple이 크기 조정된 표현을 캐시하지 않는 한).그렇기 때문에 렉스가 어떤 사각형이라도 가능하다는 것은 맞습니다.

제 생각에는 "올바른 사이즈"는 없는 것 같습니다.아이폰은 정말 OSX를 실행하고 있기 때문에 아이콘 렌더링 시스템이 상당히 견고합니다.올바른 종횡비와 적어도 실제 출력만큼 높은 해상도의 고품질 이미지를 제공하는 한 OS는 매우 깨끗하게 다운스케일링됩니다.제 사이트는 158x158을 사용하고 아이콘은 아이폰 화면에서 픽셀퍼펙트로 보입니다.

업데이트된 목록 2014년 10월, iOS8

망막이 있는 아이폰과 없는 아이패드의 목록

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

2014 iOS 8 업데이트:

iOS 8 및 iPhone 6 plus용

<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

아이폰6는 아이폰4,5와 동일한 120x120px 이미지를 사용하고 나머지는 iOS7과 동일합니다.

2013 iOS7 업데이트:

iOS 7의 경우 권장 해상도가 다음과 같이 변경되었습니다.

• 아이폰 레티나의 경우 114x114px에서 120x120px
• iPad Retina의 경우 144 x 144px ~ 152 x 152px

다른 해상도는 여전히 동일합니다.

• 57 x 57 px 기본값
• 망막이 없는 아이패드용 76 x 76px

더 이상 정확한 사이즈는 신경쓰지 않으셔도 됩니다.아이콘의 iTunes 아트워크 파일(즉, 1024*1024 크기의 파일)을 가지고 있다면, 여기에 제공된 정보를 기반으로 모든 아이콘을 제공하는 이 애플리케이션을 만들었습니다.여기서 응용 프로그램을 가져오고 readme 파일의 지시에 따라 iOS 응용 프로그램에 필요한 아이콘을 모두 만듭니다.

언급URL : https://stackoverflow.com/questions/1598/what-are-the-correct-pixel-dimensions-for-an-apple-touch-icon