iPhone, iPad ve iPod Touch için bir web sitesi simgelerini eklemek nasıl

Favicon.ico - Tarayıcıda Web Simge

Bir web sitesi başlattı ve bir grafik dosyası eklemek önce, favicontarayıcıda adres çubuğunda görünür. Çoğu durumda, favicon grafik logosunun veya web sitesinin baş harflerinin küçük resmidir. Bu favicon, kullanıcıların web adreslerini yer işaretlerinde daha hızlı bir şekilde tanımlamasına yardımcı olmak için eklenir.

Stealth Ayarlar favicon

Safari'de Stealth Ayarlar favicon

Opera favicon

Opera favicon

Yakın zamana kadar, bu dosya "biçimde olmalıdırfavicon.ico"Web tarayıcısı tarafından tanımlanacak. Chrome, Internet Explorer, Opera, Safari, Firefox vb.
Birkaç yıldır, yeni web dilleri ilerleyen ile, HTML5 si CSS3, Favicons edilebilir bir .png dosyası veya . Jpg. durum, sitenin bu başlığıdır önce </ head>Bu çizgi olun:

<Link rel = "kısayol simgesi" href = "/ images / favicon.ico" type = "image / x-icon" />

İOS için Web Sitesi Simgesi - iPhone, iPad ve iPod Touch

In iOS Biz ekleyebilirsiniz Web sayfası kısayolları pe Ana EkranTBM iPhone, iPad si iPod Touch.

iPhone, iPad ve iPod Ana Ekranda bir web sitesi kısayolu eklemek nasıl

Biz iPhone (Safari, Chrome, İnternet tarayıcısı vb) üzerinde bir web sitesi açarak yapabilirsiniz, ok (iOS için "pay" işareti), sonra seçeneği "ile kareye tıklayınAna Ekrana Ekle".

Web tarayıcınız için favicon ayarlanır, ancak set değilse iOS cihazı özel bir simge siteleriEkran bir simge, bir oluşan görünecektir görüntü önizlemesi web sayfası.

iPhone, iPad ve Android için web simgeleri eklemek nasıl.

İlk adım için Bir resim simgesi oluşturmakgöründüğüne dikkat Ana EkranTBM iDevice topluluğu. Web simgesi için biz görüntü oluşturmak gerekir, tüm cihazlarda ve açıkça görmek uyumlu Tüm iPhone ve iPad çözünürlükler için.

İPhone, iPad, iPod ve Android için çözünürlükler ve standart simge boyutları

  • iPhone / iPod = 57 57 × Klasik modelleri
  • iPad = 76 76 ×
  • iPhone / iPod Retina × = 120 120
  • iPad Retina × = 152 152
  • iPhone 6 / 6S Artı = 180 180 ×

elma düzenli olarak güncellenen Önerilen simge boyutuURL'ler uygulamaları si Web Sayfaları pe Bu sayfa.

cihazlar, Android için simgeler iki boyutlar şunlardır:

  • Klasik Android = 128 × 128
  • Android yüksek çözünürlüklü (yüksek çözünürlük) = 192 × 192

simgeler

Biz görüntüleri yaptıktan sonra, web sunucusu üzerinde yukarı tırmanmaya, kapanış </ head> önce web sitesinin HTML kaynak, aşağıdaki satırları ekleyin:

<link href = "/ apple-touch-icon.png" rel = "apple-touch-icon" /> <link href = "/ apple-touch-icon-76x76.png" rel = "apple-touch-icon" size = "76x76" <link href = "/ apple-touch-icon-120x120.png" rel = "apple-touch-icon" size = "120x120" <link href = "/ apple-touch-icon-152x152.png" rel = "apple-touch-icon" size = "152x152" <link href = "/ apple-touch-icon-180x180.png" rel = "apple-touch-icon" size = "180x180" <link href = "/ icon-hires.png" rel = "icon" size = "192x192" /> <link href = "/ icon-normal.png" rel = "simgesi" sizes = "128x128" />

cihazlar için Apple ve PNG resim adı "rel =" "elma" öneki içermelidir. Android için dosya adı "olacaksimgesi hires.png"Ve"simge normal.pngsimgesi "rel = ile" ".

Her çözünürlük için ayrı ayrı görüntüler oluşturmak kesinlikle gerekli değildir. En yüksek çözünürlük için resim yapabilir ve daha düşük çözünürlüklü cihazlar onu tanımlayacak ve bir simge olarak ayarlayacaktır.

iPhone Icon Sitesi

Web sitesinin kısayol simgesi herhangi birine benzeyecek iOS için uygulama.

iPhone, iPad ve iPod Touch için bir web sitesi simgelerini eklemek nasıl

Yazar hakkında

Gizlilik

Gadget'lar ve IT anlamına gelen her şey hakkında tutkulu, 2006'ten stealthsettings.com'dan memnuniyetle yazıyorum ve bilgisayarlarla işletim sistemleri, Linux, Windows, iOS ve Android işletim sistemleri hakkında yeni şeyler keşfetmeyi seviyorum.

Leave a Comment

Bu site spam'i azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl işlendiğini öğrenin.