Was sind die richtigen Pixelmaß für ein apple-touch-Symbol?

stimmen
69

Ich bin mir nicht sicher, was die richtige Größe sein sollte.

Viele Websites scheinen zu wiederholen, dass das apple-touch-Symbol 57x57 Pixel groß sein sollte, aber einen Link als Quelle zitieren.

Hanselman ‚s und playgroundblues ‘ s Kommentare schlagen verschiedene Größen einschließlich 163x163 und 60x60.

Apples eigenes apple.com Symbol ist 129x129!

Sehen Sie meine weitere Frage: Wie gebe ich meine Websites ein Symbol für das iPhone?

Veröffentlicht am 04/08/2008 um 22:17
quelle vom benutzer
In anderen Sprachen...                            


11 antworten

stimmen
40

Es scheint, dass Apple-Richtlinien zum 3. August 2010 nun die „Hohe Auflösung“ Bilder (für iPhone 4) sind in ihrem „erforderlich“ Symbolgrößen.

Sieht aus wie wir beide ein 57x57 und 114x114 Bild jetzt zur Verfügung stellen müssen, sowie ein 640x960 Titelbild.

Siehe Benutzerdefinierte Symbol- und Bildkreation Richtlinien (Javascript erforderlich) , die Teil eines gesamten Dokuments ist:

Beantwortet am 16/08/2010 um 07:15
quelle vom benutzer

stimmen
5

Aus dem Google - Cache von Apple - Developer Connection - Web Apps Dev Center - Designing Inhalt ...

Erstellen einer Web-Clip Lesezeichen Icon

iPhone und iPod touch erlauben es einem Benutzer ein Web-Clip Lesezeichen zu Ihrer Website auf ihrem Home-Bildschirm zu speichern.

Um ein Lesezeichen-Symbol für alle Seiten einer Website angeben, legen Sie eine PNG-Bild mit dem Namen „apple-touch-icon.png“ im Stammverzeichnis des Webservers - ähnlich wie die „favicon.ico“ für Website-Icons.

So überschreiben Sie die Seite Lesezeichen-Symbol auf einer bestimmten Webseite, fügen Sie ein <link> -Element ähnlich wie <link rel = "apple-touch-icon" href = "/ customIcon.png" /> im <head> -Element der Seite .

Die Lesezeichen-Symbol Dimensionen sollten 57x57 Pixel groß sein. Wenn das Symbol eine andere Größe ist wird es skaliert und beschnitten zu passen.

Safari automatisch Verbund das Symbol mit der Standard „glasig“ Overlay, so dass es wie eine eingebauten iPhone oder iPod-Anwendung aussieht.

Beantwortet am 07/08/2008 um 00:13
quelle vom benutzer

stimmen
3

Hängt davon ab, wie viele Details Sie es haben wollen, muss es das Seitenverhältnis von 1: 1 haben (im Grunde genommen - es muss Platz sein)

Ich würde mit dem Apple-eigenen 129 * 129 gehen

Beantwortet am 04/08/2008 um 22:36
quelle vom benutzer

stimmen
2

Im Rahmen ihrer Safari Web Content Guide, Apple hat tatsächlich eine öffentlich zugängliche Seite „genannt Angeben einer Webpage Symbol für Web - Clip “ (Javascript erforderlich) , die alle von den Beschlüssen und deren Umsetzung abdeckt.

Beantwortet am 22/01/2011 um 13:53
quelle vom benutzer

stimmen
2

Ich kann keine Quelle für diese Größen nennen, weil die offizielle Referenz hinter Schloss und Schlüssel des ADC ist.

Allerdings haben viele der nicht-NDA Websites, um die Anleitungen, wie die Symbole zu erstellen. Zum Beispiel hier:

Beantwortet am 07/08/2008 um 00:06
quelle vom benutzer

stimmen
1

Apple - Spezifikationen geben neue Größen für iOS7:

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

Während alte Größen für iOS6 und vor sind:

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

By the way, sind precomposed Symbole veraltet.

Als Folge davon zu unterstützen, aber neue Geräte (Lauf iOS7) und älter (iOS6 und vor), diese 8 Bilder müssen vorhanden und der generische Code sein:

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

Darüber hinaus sollten Sie ein 152x152 Bild mit dem Namen erstellenapple-touch-icon.png .

Sie könnten wissen wollen , dass dieser Favicon Generator all diese Bilder auf einmal generieren. Vollständige Offenlegung: Ich bin der Autor dieser Website.

Beantwortet am 15/01/2014 um 23:04
quelle vom benutzer

stimmen
1

Die offizielle Größe 57x57. Ich würde empfehlen , die genaue Größe einfach aufgrund der Tatsache mit , dass es weniger Speicherplatz benötigt , wenn geladen (es sei denn , Apple die skalierte Darstellung Caches). Mit dieser sagte, ist Rex Recht , dass jedes Quadrat Größe arbeiten

Beantwortet am 06/08/2008 um 05:10
quelle vom benutzer

stimmen
0

Sie müssen nicht für die korrekte Größe Mühe mehr. Wenn Sie itune Grafikdatei (dh Datei von 1024 * 1024 Größe) Ihres Symbol haben, dann habe ich diese Anwendung erstellt , die Sie alle Symbole auf Informationen basieren liefert hier . Holen Sie sich die Anwendung von hier , und folgen Sie den Anweisungen in der Readme - Datei , die all erforderlichen Symbole für iOS - Anwendung zu erstellen.

Beantwortet am 20/04/2014 um 21:43
quelle vom benutzer

stimmen
0

Aktualisierte Liste Oktober 2014 iOS8

Liste für iPhone und iPad mit und ohne Netzhaut

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

Für IOS 8 und 6 Plus Iphone

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

Iphone 6 verwendet das gleiche 120 x 120 Pixel Bild als iphone 4 und 5 der Rest das gleiche wie für IOS 7

Aktualisieren 2013 iOS7:

Für iOS 7 die empfohlenen Auflösungen geändert:

  • für iPhone Retina von 114 x 114 Pixel bis 120 x 120 Pixel
  • für iPad Retina von 144 x 144 Pixel auf 152 x 152 Pixel

Die andere Auflösung ist immer noch die gleiche

  • 57 x 57 Pixel Standard
  • 76 x 76 Pixel für iPads ohne Retina
Beantwortet am 12/11/2013 um 17:06
quelle vom benutzer

stimmen
0

NilObject des Link führte mich zu der großen Blog - Post Catchup auf Icon bei makentosh.com

... Natürlich sind alle diese Inkonsistenz mit schließlich behandelt werden musste, nicht wahr? Gut 2.0 behandeln es in feiner Art und Weise! Schließlich eigentlich 57x57 57x57 gemeint.

... jedes einzelne Pixel ... gemacht perfekt.

Beantwortet am 07/08/2008 um 00:36
quelle vom benutzer

stimmen
0

Ich glaube nicht, gibt es eine „richtige Größe“. Da das iPhone wirklich OSX läuft, ist das Symbol Rendering-System ziemlich robust. Solange Sie ihm ein qualitativ hochwertiges Bild mit dem richtigen Seitenverhältnis und einer Auflösung mindestens so hoch wie die tatsächliche Leistung wird geben, wird das Betriebssystem sehr sauber absteuernd. Meine Seite nutzt ein 158x158 und das Symbol sieht pixelgenaue auf dem iPhone-Bildschirm.

Beantwortet am 04/08/2008 um 22:22
quelle vom benutzer

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