애플 터치 아이콘의 정확한 픽셀 치수는 무엇입니까?
올바른 크기가 무엇인지 잘 모르겠습니다.
많은 사이트에서 apple-touch-icon이 57x57 픽셀이어야한다고 반복하는 것처럼 보이지만 출처로 끊어진 링크를 인용합니다.
Hanselman 과 Playgroundblues 의 의견은 163x163 및 60x60을 포함한 다양한 크기를 제안합니다.
Apple의 자체 apple.com 아이콘 은 129x129입니다!
내 관련 질문을 참조하십시오. 웹 사이트에 iPhone 아이콘을 제공하려면 어떻게합니까?
2010 년 8 월 3 일 현재 Apple 지침에 "필수"아이콘 크기에 "고해상도"이미지 (iPhone 4 용)가 포함되어있는 것으로 보입니다.
지금 57x57 및 114x114 이미지와 640x960 제목 이미지를 모두 제공해야하는 것 같습니다.
전체 문서의 일부인 사용자 정의 아이콘 및 이미지 생성 지침 (자바 스크립트 필요)을 참조하십시오 .
Apple Developer Connection 의 Google 캐시 -Web Apps Dev Center-Designing Content ...
웹 클립 북마크 아이콘 만들기
iPhone 및 iPod touch를 사용하면 사용자가 홈 화면의 사이트에 웹 클립 책갈피를 저장할 수 있습니다.
웹 사이트의 모든 페이지에 대한 책갈피 아이콘을 지정하려면 웹 서버의 루트 디렉토리에 "apple-touch-icon.png"라는 PNG 이미지를 배치하십시오. 사이트 아이콘의 경우 "favicon.ico"와 유사합니다.
특정 웹 페이지에서 사이트 북마크 아이콘을 재정의하려면 페이지의 <head> 요소 내에 <link rel = "apple-touch-icon"href = "/ customIcon.png"/>와 유사한 <link> 요소를 삽입합니다. .
북마크 아이콘 크기는 57x57 픽셀이어야합니다. 아이콘의 크기가 다른 경우 크기에 맞게 크기가 조정되고 잘립니다.
Safari는 아이콘을 표준 "유리"오버레이와 자동으로 합성하여 내장 iPhone 또는 iPod 응용 프로그램처럼 보입니다.
원하는 디테일의 정도에 따라 가로 세로 비율이 1 : 1이어야합니다 (기본적으로 정사각형이어야 함).
나는 애플의 129 * 129를 가지고 갈 것이다
공식 참조가 ADC의 잠금 상태에 있기 때문에 이러한 크기에 대한 출처를 인용 할 수 없습니다.
그러나 많은 비 NDA 사이트에는 아이콘을 만드는 방법에 대한 자습서가 있습니다. 예를 들면 다음과 같습니다.
Safari 웹 콘텐츠 가이드의 일부로 Apple에는 실제로 모든 해상도와 구현을 다루는 " 웹 클립 용 웹 페이지 아이콘 지정 "(자바 스크립트 필요) 이라는 공개적으로 사용 가능한 페이지가 있습니다 .
공식 크기는 57x57입니다. 로드 할 때 메모리를 덜 차지한다는 사실 때문에 정확한 크기를 사용하는 것이 좋습니다 (애플이 스케일 된 표현을 캐시하지 않는 한). 즉, Rex는 모든 정사각형 크기가 작동한다는 것이 옳 습니다.
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 인 사진을 만들어야합니다apple-touch-icon.png .
이 파비콘 생성기 가 이러한 모든 사진을 한 번에 생성 할 수 있다는 것을 알고 싶을 것입니다 . 전체 공개 : 나는이 사이트의 작성자입니다.
"정확한 크기"가 없다고 생각합니다. iPhone이 실제로 OSX를 실행하기 때문에 아이콘 렌더링 시스템은 매우 강력합니다. 적절한 종횡비와 적어도 실제 출력만큼 높은 해상도의 고품질 이미지를 제공하는 한 OS는 매우 깔끔하게 축소됩니다. 내 사이트는 158x158을 사용하고 아이콘은 iPhone 화면에서 픽셀 완벽하게 보입니다.
NilObject's link led me to the great blog post Catchup on your Icon at makentosh.com
... Of course all of this inconsistency had to be dealt with eventually, right? Well 2.0 dealt with it in fine fashion! Finally 57x57 actually meant 57x57.
...each and every pixel ... rendered perfectly.
You don't have to bother for correct size any more. If you have itune artwork file (i.e. file of 1024*1024 size) of your icon, then I have created this application which will provide you all the icons based on information provided here. Get the application from here, and follow the instructions in readme file to create all the required icons for iOS application.
Updated list October 2014, iOS8
List for iPhone and iPad with and without retina
<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">
Update 2014 iOS 8:
For iOS 8 and Iphone 6 plus
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png">
Iphone 6 uses the same 120 x 120 px image as iphone 4 and 5 the rest is the same as for iOS 7
Update 2013 iOS7:
For iOS 7 the recommended resolutions changed:
- for iPhone Retina from 114 x 114 px to 120 x 120 px
- for iPad Retina from 144 x 144 px to 152 x 152 px
The other resolution are still the same
- 57 x 57 px default
- 76 x 76 px for iPads without retina
'Nice programing' 카테고리의 다른 글
| Docker가 포트 바인딩에 IPv4를 사용하도록 설정 (0) | 2020.10.30 |
|---|---|
| C에서 "[*]"(별표 수정 자)는 무엇을 의미합니까? (0) | 2020.10.30 |
| fbclid는 무엇입니까? (0) | 2020.10.30 |
| Android XML에서 여러 문자열을 연결하는 방법은 무엇입니까? (0) | 2020.10.30 |
| Android-API 23에 대해 onAttach (Context)가 호출되지 않음 (0) | 2020.10.30 |