Bir elma-touch-simge için doğru piksel boyutları nedir?

oy
69

Doğru boyutta olmalıdır emin değilim.

Birçok site elma-touch-simge 57x57 piksel ama onların kaynağı olarak bozuk bir bağlantı alıntı gerektiğini tekrarlamak gibi görünüyor.

Hanselman 'ın ve playgroundblues yaptığı yorumları 163x163 ve 60x60 gibi farklı boyutları göstermektedir.

Apple'ın kendi apple.com simgesi 129x129 olduğunu!

Benim ilgili soruya bakın: nasıl web siteleri iPhone için bir simge veriyorsunuz?

Oluştur 04/08/2008 saat 22:17
kaynak kullanıcı
Diğer dillerde...                            


11 cevaplar

oy
40

3 Ağustos 2010 itibarıyla Elma kurallar artık "gerekli" simge boyutlarda (iPhone 4 için) "Yüksek çözünürlüklü" görselleri içeren görünüyor.

Biz 57x57 ve 114x114 görüntü şimdi, hem de bir 640x960 başlık görüntüsünü hem sağlamanız gerekir gibi görünüyor.

Bkz Özel Simge ve Görüntü Oluşturma Kuralları (JavaScript gerekli) hangi bir bütün belge parçasıdır:

Cevap 16/08/2010 saat 07:15
kaynak kullanıcı

oy
5

Google önbellekten Web Uygulamaları Dev Center - - Apple Geliştirici Bağlantısı İçerik tasarlama ...

Bir Web Klip İmi simge oluşturma

iPhone ve iPod touch bir kullanıcının kendi Ana Ekranda sitenize bir Web Klip imini kaydetmek için izin verir.

Site simgeler için "favicon.ico" benzer - Bir web sitesinin tüm sayfaları için yer işareti simgesini belirtmek için, web sunucusunun kök dizininde "elma-touch-icon.png" adlı bir PNG görüntüsü yerleştirin.

Belirli bir web sayfasında yer imi simgesine geçersiz kılmak için, benzer bir <link> elemanı sayfanın <link rel = "elma-touch-simge" href = "/ customIcon.png" /> <head> içinde eleman eklemek .

imi simge boyutları 57x57 piksel olmalıdır. ikon farklı bir boyut ise o ölçekli ve sığacak şekilde kırpılır.

Safari otomatik olarak kompozit bir yerleşik iPhone veya iPod uygulaması gibi görünüyor böylece standart "camsı" bindirme ile ikon.

Cevap 07/08/2008 saat 00:13
kaynak kullanıcı

oy
3

Bunu istiyorum ne kadar ayrıntı bağlıdır, bu 1 en boy oranına sahip olması gerekir: 1 (temelde - bu kare olması gerekir)

Apple kendi 129 * 129 ile gider

Cevap 04/08/2008 saat 22:36
kaynak kullanıcı

oy
2

Onların Safari Web İçerik Kılavuz parçası olarak Apple aslında "adlı kamuya açık sayfası vardır Web Clip için Web Simge belirtme kararları ve bunların uygulanmasına tüm kapakları (JavaScript gerekli)".

Cevap 22/01/2011 saat 13:53
kaynak kullanıcı

oy
2

resmi referans kilidi ve ADC anahtarının altında olduğu için bu boyutlarla ilgili bir kaynaktan alıntı olamaz.

Ancak, sigara NDA sitelerin çoğu simgeleri nasıl oluşturulacağına ilişkin dersler var. Burada Örneğin:

Cevap 07/08/2008 saat 00:06
kaynak kullanıcı

oy
1

Elma gözlük -iOS7 için yeni boyut belirleyebilir:

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

iOS6 ve önceki eski boyutlarda Oysa şunlardır:

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

Bu arada, önceden bestelenmiş simgeler kaldırılmıştır.

Sonuç olarak, desteklemekten başka yeni cihazlar ve yaşlı (iOS6 ve önceki) (-iOS7 çalıştıran), bu 8 resim mevcut olması gerekir ve genel kodudur:

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

Buna ek olarak, adlı bir 152x152 resim oluşturmak gerekirapple-touch-icon.png .

Buna bilmek isteyebileceğiniz site simgesi jeneratör kerede tüm bu resimleri oluşturabilir. Tam açıklama: Ben bu sitenin yazarı.

Cevap 15/01/2014 saat 23:04
kaynak kullanıcı

oy
1

Resmi boyut 57x57 olduğunu. Ben nedeniyle bu (Elma ölçekli temsilini önbelleğe sürece) yüklü daha az bellek alır gerçeğine basitçe tam boyutunu kullanarak öneriyoruz. Bunu dedi, Rex haklı herhangi kare boyutu çalışacağını

Cevap 06/08/2008 saat 05:10
kaynak kullanıcı

oy
0

Doğru boyutta bir daha rahatsız gerekmez. Eğer simgesinin itune sanat dosyasını (1024 * 1024 boyutta yani dosya) varsa, o zaman seni sağlanan bilgilere dayanarak tüm simgeler sağlayacak bu uygulamayı oluşturduk burada . Get buradan uygulamayı , ve iOS uygulaması için gerekli tüm simgeler oluşturmak için beni oku dosyasında yönergeleri izleyin.

Cevap 20/04/2014 saat 21:43
kaynak kullanıcı

oy
0

Güncel liste Ekim 2014, iOS8

ile ve retinanın olmadan iPhone ve iPad için Liste

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

Güncelleme 2014 iOS 8:

IOS 8 ve Iphone 6 için artı

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

Iphone 6 geri kalan IOS 7 ile aynıdır iphone 4 ve 5 ile aynı 120 x 120 piksel görüntü kullanan

2013 -iOS7 güncelle:

iOS 7 için tavsiye edilen kararlar değiştirildi:

  • IPhone Retina 114 x 114 piksel x 120 ila 120 px
  • iPad Retina için 144 x 144 px x 152 ila 152 px dan

Diğer çözünürlük hala aynı

  • 57 x 57 piksel varsayılan
  • retina olmayan iPad'ler için 76 x 76 piksel
Cevap 12/11/2013 saat 17:06
kaynak kullanıcı

oy
0

NilObject link blog yayınını götürdü senin Simge catchup de makentosh.com

... Tabii ki bu tutarsızlık tamam sonunda ele alınması gerektiğine karar vermiştir? Eh 2.0 ince biçimde ele onunla! Nihayet aslında 57x57 anlamına 57x57.

... her piksel ... mükemmel hale.

Cevap 07/08/2008 saat 00:36
kaynak kullanıcı

oy
0

Ben bir "Doğru boyut" olduğunu sanmıyorum. IPhone gerçekten OSX aday olunca, simge oluşturma sistemi oldukça sağlamdır. Sürece bunu doğru en boy oranı ve en az aynı düzeyde gerçek çıktı olacağı gibi bir çözünürlüğe sahip yüksek kaliteli bir görüntü vermek olarak, işletim sistemi çok temiz downscale olacaktır. Sitem 158x158 kullanır ve simge iPhone ekranındaki piksel mükemmel görünüyor.

Cevap 04/08/2008 saat 22:22
kaynak kullanıcı

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