Jakie są prawidłowe wymiary piksela apple dotykowym ikonę?

głosy
69

Nie jestem pewien, co prawidłowy rozmiar powinien być.

Wiele witryn zdają się powtarzać, że apple-touch-ikona powinna być 57x57 pikseli jednak przytoczyć niedziałający link jako ich źródła.

Hanselman „s i playgroundblues ” s komentarze sugerują różne rozmiary oraz 163x163 i 60x60.

Własny Apple ikona apple.com jest 129x129!

Zobacz moje powiązane pytanie: W jaki sposób mogę dać moje strony web ikony dla iPhone?

Utwórz 04/08/2008 o 22:17
źródło użytkownik
W innych językach...                            


11 odpowiedzi

głosy
40

Wydaje się, że Apple jako wytyczne od 3 sierpnia 2010 roku to teraz „High Resolution” obrazów (iPhone 4) w swoich „niezbędne” wielkości ikon.

Wygląda na to, musimy zapewnić zarówno 57x57 oraz 114x114 obraz Teraz jak również 640x960 tytuł obrazu.

Zobacz niestandardową ikonę i obraz wytyczne Creation (Javascript required), który jest częścią całego dokumentu:

Odpowiedział 16/08/2010 o 07:15
źródło użytkownik

głosy
5

Z pamięci podręcznej Google od firmy Apple Developer Connection - Aplikacje Web Dev Center - projektowanie zawartość ...

Tworzenie Web Filmu Zakładka Ikona

iPhone i iPod touch umożliwiają użytkownikowi zaoszczędzić Web Filmu zakładkę do swojej strony na swoim ekranie głównym.

Aby określić ikonę zakładki na wszystkich stronach witryny internetowej, umieszczenie obrazu PNG nazwie „apple-touch-icon.png” w katalogu głównym serwera WWW - podobny do „favicon.ico” dla witryny ikon.

Aby zastąpić ikonę zakładki na stronie konkretnej strony internetowej, wstaw <link> element, podobny do <link rel = "apple-touch-icon" href = "/ customIcon.png" /> w <head> element strony ,

Ikona zakładki powinny być wymiary 57x57 pikseli. Jeśli ikona jest inna wielkość będzie skalowane i przycinane w celu dopasowania.

Safari automatycznie kompozyt ikona ze standardowym „szkliste” nakładki tak wygląda wbudowanym w iPhone lub iPod aplikacji.

Odpowiedział 07/08/2008 o 00:13
źródło użytkownik

głosy
3

Zależy ile szczegółowo chcesz go mieć, musi mieć proporcje 1: 1 (w zasadzie - to musi być kwadratowy)

pójdę z Apple własnego 129 * 129

Odpowiedział 04/08/2008 o 22:36
źródło użytkownik

głosy
2

Jako część ich Safari Web Content Guide, Apple faktycznie ma publicznie dostępną stronę o nazwie „ Określanie Ikona strony internetowej dla Klip Web ” (Javascript required), która obejmuje wszystkich uchwał i ich realizacji.

Odpowiedział 22/01/2011 o 13:53
źródło użytkownik

głosy
2

Nie mogę przytoczyć źródło tych rozmiarach, ponieważ oficjalna odniesienia jest pod kluczem ADC.

Jednak wiele z tych miejsc nie mają NDA tutoriali na temat tworzenia ikon. Na przykład tutaj:

Odpowiedział 07/08/2008 o 00:06
źródło użytkownik

głosy
1

Specyfikacje jabłko określić nowe rozmiary dla iOS7:

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

Natomiast starych rozmiarach dla iOS6 i przed to:

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

Nawiasem mówiąc, precomposed ikony są przestarzałe.

W konsekwencji, w celu wspierania nowych urządzeń (ale działa iOS7) i starszej (iOS6 i przed), te 8 zdjęć musi być obecny i kod generyczny jest:

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

Ponadto, należy utworzyć 152x152 obraz nazwieapple-touch-icon.png .

Warto wiedzieć, że ten generator favicon może generować te wszystkie zdjęcia naraz. Pełne ujawnienie: Jestem autorem tej strony.

Odpowiedział 15/01/2014 o 23:04
źródło użytkownik

głosy
1

Oficjalna rozmiar to 57x57. Polecam stosując dokładny rozmiar po prostu ze względu na fakt, że zajmuje mniej pamięci po załadowaniu (chyba Jabłko buforuje skalowany reprezentacji). Z powiedział, że Rex jest prawo , że każdy kwadrat rozmiar będzie działać

Odpowiedział 06/08/2008 o 05:10
źródło użytkownik

głosy
0

Nie musisz się niepokoić o prawidłowej wielkości więcej. Jeśli masz itune plik artystyczne (czyli plik z 1024 * 1024 rozmiar) ikonę, a potem stworzyli tę aplikację, która zapewni Ci wszystkie ikony na podstawie informacji dostarczonych tutaj . Pobierz aplikację z tutaj i postępuj zgodnie z instrukcjami zawartymi w pliku readme do tworzenia wszystkich wymaganych ikony dla aplikacji iOS.

Odpowiedział 20/04/2014 o 21:43
źródło użytkownik

głosy
0

Uaktualniona lista października 2014 roku systemów iOS 8

Lista dla iPhone i iPad z lub bez siatkówki

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

Aktualizacja 2014 iOS 8:

Dla iOS 8 i iPhone 6 oraz

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

Re 6 wykorzystuje ten sam o wymiarach 120 x 120 pikseli, jak re 4 i 5, a reszta jest taka sama jak dla iOS 7

Aktualizować 2013 iOS7:

Dla iOS 7 zalecanych rozwiązań zmianie:

  • dla iPhone siatkówki od 114 x 114 pikseli z 120 x 120 px
  • dla IPAD siatkówki od 144 x 144 pikseli z 152 x 152 px

Drugi rozdzielczości są wciąż takie same

  • 57 x 57 px domyślny
  • 76 x 76 px do iPadów bez siatkówki
Odpowiedział 12/11/2013 o 17:06
źródło użytkownik

głosy
0

Link NilObject doprowadziły mnie do wielkiej blogu ketchup na ikonę programu w makentosh.com

... Oczywiście wszystkie te sprzeczności musiały być rozpatrywane w końcu, prawda? Dobrze 2,0 do czynienia z nim w dobrej mody! Wreszcie 57x57 faktycznie oznaczało 57x57.

... każdy piksel ... renderowane doskonale.

Odpowiedział 07/08/2008 o 00:36
źródło użytkownik

głosy
0

Nie sądzę, że istnieje „prawidłowy rozmiar”. Ponieważ iPhone OSX naprawdę działa, system renderowania ikona jest dość solidna. Tak długo, jak dać mu obraz wysokiej jakości z odpowiednich proporcji i rozdzielczości co najmniej tak wysoka jak rzeczywista moc będzie, system operacyjny będzie w dół skali bardzo czysto. Moja witryna używa 158x158 oraz ikona wygląda pixel-perfect na ekranie iPhone.

Odpowiedział 04/08/2008 o 22:22
źródło użytkownik

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more