은 무엇이 올바른 픽셀 크기를 위한 애플-터치 아이콘?

StackOverflow https://stackoverflow.com/questions/1598

문제

나는 확실하지 않은 무엇이 올바른 크기로 이어야 한다.

많은 사이트는 것을 반복하는 터치기 아이콘해야 57x57 픽셀만을 인용하는 링크로 자신의 소스입니다.

Hanselman 은's playgroundblues's 의견을 제안 등 다양한 크기 163x163 및 60x60.

애플의 apple.com 아이콘 은 129x129!

내과 관련된 질문:나는 어떻게 나의 웹사이트에 대한 아이콘 아이폰?

도움이 되었습니까?

해결책

애플은 지침을 as of August3,2010 에 포함한 고해상도 이미지(예 아이폰 4)에서"필요한"아이콘 크기입니다.

야 할 것 같습을 모두 제공 57x57 및 114x114 이미지 뿐만 아니라,지금은 640x960 제목 이미지입니다.

보 사용자 정의 아이콘 및 이미지 만들기 지침 (자바스크립트를 추가할 필요)는 일부의 전체 문서

다른 팁

구글에서 캐시 애플은 개발자가 연결-웹 앱 개발자 센터-디자인 콘텐츠...

Create 웹 클립 즐겨찾기 아이콘

아이폰과 아이팟 터치용으로 사용자 저장 웹 클립 북마크 사이트 에서 자신의 집니다.

을 지정 즐겨찾기 아이콘을 위해 모든 페이지의 웹 사이트 장소는 PNG 이미지 이름이"사과-터치 아이콘이다.png"에 루트 디렉토리의 웹 서버 비슷한"파비콘.ico"사이트 아이콘이 있습니다.

을 재정의 사이트를 북마크에 아이콘 특정 웹 페이지 삽입 <link> 소와 비슷한 <link rel="apple-touch-icon" href="/customIcon.png" /> 내 <head> 요소입니다.

즐겨찾기 아이콘 차원해야 57x57 픽셀이 있습니다.면 아이콘 다른 크기는 것이 확장고 립니다.

사파리는 것이 자동으로 종합 아이콘을 표준으로"다" 오버레이 그래서 그것처럼 보이는 내장 아이폰 또는 아이팟 응용 프로그램.

에 따라 세부 사항은 얼마나 원하는가,그것이 있어야의 비율이 1:1(기본적으로-그것은 필요 정사각형)

내가 갈 것으로 애플의 129*129

지 인원에 대한 그 크기 때문에 공식적인 참조를 자물쇠의 뜻합니다.

그러나,많은 비 NDA 사이트는 튜토리얼을 만드는 방법에 대한 아이콘이 있습니다.여기에 예를 들어:

의 일부로 그들의 Safari 웹 콘텐츠 가이드 애플은 실제로는 공개적으로 사용할 수 있는지라"을 지정하는 웹 페이지에 대한 아이콘 웹 클립"(Javascript 필수)커버의 모든 해상도 및 구현.

공식적인 크기는 57x57.내가 사용하는 것이 좋습니다 것이 정확한 크기 때문에 단순히 일어난다는 사실 메모리를 적게 때로드(지 않는 애플 캐시 축소 표시).그는 말했다, 렉스 오른쪽 는 어떤 광장 크기가 작업

애플 사양 를 지정을위한 새로운 크기 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.

할 수 있는지 알 파비콘을 생성기 생성할 수 있는 모든 사진다.전체 공개:나는 저자의 이 사이트입니다.

지가 있다고 생각하지 않은"정확한 크기".아이폰 이후 정말로 실행하 OSX,아이콘을 렌더링 시스템은 매우 견고합니다.큼 당신이 제공으로 그것은 고품질의 이미지 오른쪽 화면 비율 및 해상도에서 적어도 한 높은 실제 출력 될 것입니다 OS 통 매우 깨끗하게.내 사이트를 사용하 158x158 아이콘이 보이는 픽셀을 완벽 아이폰 화면입니다.

NilObject 의 링크로 나를 지도하는 중대한 블로그 게시물 케첩에서 당신의 아이콘 에 makentosh.com

...물론 이 모든 불일치 을 처리할지 결국, 오른쪽?아 2.0 처리에 미 패션!마지막으로 57x57 실제로 의미 57x57.

...각 픽셀...렌더링 니다.

를 귀찮게 하지 않아도에 대한 올바른 크기는 더 이상.만약 당신이 작품 아이튠스 파일이(즉파일의 1024*1024 크기)의 아이콘,다음 내가 만들어 이 응용 프로그램을 제공할 것이다 당신은 모든 아이콘을 기반으로 제공하는 정보 기.을 얻 여기에서 응용 프로그램, 고의 지침에 따라 추가 정보 파일을 만들 필요한 모든 아이콘 iOS 응용 프로그램.

목록을 업데이트 October2014,아이오에스 8

목록을 아이폰과 아이 패드에 대한 없이 망막

<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">

업데이트 2014iOS8:

IOS8Iphone6

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

Iphone6 을 사용하여 동일한 120x120px 이미지로 4 아이폰 5 나머지 부분과 동일한 이 iOS7

Update2013iOS7:

IOS7 권장되는 해상도로 변경되었:

  • 아이폰 망막에서 114x114px120x120px
  • iPad 를 위한 망막에서는 144x144 픽셀을 152x152px

다른 해상도는 여전히 동일

  • 57x57px 기본
  • 76x76px for ipad 없이 망막
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top