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, faviconHangi tarayıcı, adres çubuğunda görünür. Çoğu durumda, favicon minyatür grafik logo veya baş harfleri ilgili web siteleri olduğunu. Bu favicon kullanıcıların daha hızlı web yer imleri bir adres tanımlamak için ilave edilir.

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

iPhone, iPad ve iPod Touch - iOS için web sitesi Simge

In iOS Biz ekleyebilirsiniz Web sayfası kısayolları pe Ana EkranTBMiPhone, 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çinBir 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.

Kararlar ve iPhone, iPad, iPod ve Android için 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:

  • Android klasik × = 128 128
  • Android yüksek çözünürlüklü (hi-res) = 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" ".

ayrı ayrı çözümü için görüntüler oluşturmak için kesinlikle gerekli olduğunu. Sen yüksek çözünürlüklü bir görüntü ve daha düşük çözünürlüğe sahip cihazlar, tespit edecek yapabilir ve simge koyacaktır.

iPhone Icon Sitesi

kısayol'ın simgesi herhangi bir web sitesi gibi görünecek 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