Bir web sitesine simgeler nasıl eklenir iPhone, iPad ve iPod Touch

Favicon.ico - Tarayıcıda Web Sitesi Simgesi

Bir web sitesi başlatılmadan önce bir grafik dosyası eklenir, favicon, tarayıcıda adres çubuğunda görünmesi için. Çoğu durumda, site simgesi, o web sitesinin grafik logosunun veya baş harflerinin küçük resmidir. Bu favicon, kullanıcıların yer imlerinde bir web adresini hızlı bir şekilde tanımlamasına yardımcı olmak için eklenir.

Stealth Settings Favicon
Stealth Settings Safari'de Favicon
Opera'da Favicon
Opera'da Favicon

Yakın zamana kadar bu dosyanın formda olması gerekiyordu."favicon.ico", Web tarayıcısı tarafından tanımlanacak. Chrome, İnternet Explorer, Opera, Safari, Firefox, vb.
Birkaç yıldır, yeni web dillerinin gelişmesiyle birlikte, HTML5 si CSS3, favicon ayrıca bir .png dosyası veya . Jpg. Koşul şu ki, site başlığında, önce, bu satır mevcut olmalıdır:

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

In iOS ekleyebiliriz web sayfası kısayolları pe Ana EkranTBM iPhone, iPad si iPod Touch.

Bir web sitesine kısayol nasıl eklenir iPhone, iPad ve iPod Ana Ekranı

Bunu bir web sayfası açarak yapıyoruz. iPhone (Safari, Chrome, vb. internet tarayıcısı), oklu kareye tıklayın (iOS'ta "paylaş" işareti), ardından seçeneğiAdd Ana Ekrana".

Web sitesinde bir tarayıcı favicon ayarlanmışsa ancak ayarlanmamışsa iOS cihazına özel simge, ekranda a'dan oluşan bir simge belirecektir. Resim Önizleme web sayfasından.

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

İlk adım için simge için bir görüntü oluşturuyoruz, üzerinde görünmek Ana Ekranidevice. Web ikonunun tüm cihazlarda uyumlu olması ve net bir şekilde görülebilmesi için imajı oluşturmamız gerekiyor. tüm kararlar için iPhone ve iPad.

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

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

Apple düzenli olarak güncellemeler önerilen simge boyutlarıURL'ler uygulamaları si Web Sayfaları pe bu sayfa.

Android cihazlar için simgeler iki boyutludur:

  • Android klasiği = 128 × 128
  • Yüksek çözünürlüklü (yüksek çözünürlüklü) Android = 192 × 192
simgeler

Görselleri yaptıktan sonra web sunucusuna ve web sitesinin HTML kaynağına yüklenir, kapatılmadan önce , aşağıdaki satırlar eklenir:

<link href=”/apple-touch-icon.png ”rel =”apple-dokunmatik simge ”/> <link href=”/apple-touch-icon-76 × 76.png ”rel =”apple-dokunmatik simge ”boyutlar =” 76 × 76 /> <link href=”/apple-touch-icon-120 × 120.png ”rel =”apple-dokunmatik simge ”boyutlar =” 120 × 120 /> <link href=”/apple-touch-icon-152 × 152.png ”rel =”apple-dokunmatik simge ”boyutlar =” 152 × 152 /> <link href=”/apple-touch-icon-180 × 180.png ”rel =”apple-dokunmatik simge ”boyutlar =” 180 × 180 />

Cihazlar için Apple, .PNG resim adı ve "rel =" ön ekini içermelidir"apple- “. Android için dosya adı "simge kiralama.png"Ve"simge-normal.png"Rel =" simgesiyle ".

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

iPhone-Web sitesi-Simgesi

Web sitesinin kısayol simgesi, herhangi bir şeye benzeyecektir. iOS uygulamaları.

nasıl » iHowTo » iHowTo - iOS » Bir web sitesine simgeler nasıl eklenir iPhone, iPad ve iPod Touch

Teknoloji konusunda tutkulu, işletim sistemleri hakkında test etmeyi ve öğreticiler yazmayı seviyorum macOS, Linux, Windowshakkında WordPress, WooCommerce ve LEMP web sunucularını yapılandırın (Linux, NGINX, MySQL ve PHP). üzerine yazıyorum StealthSettings.com'da 2006'dan beri ve birkaç yıl sonra, ekosistemdeki cihazlar hakkında iHowTo.Tips eğitimleri ve haberleri yazmaya başladım. Apple: iPhoneiPad, Apple İzle, HomePod, iMac, MacBook, AirPod'lar ve aksesuarlar.

Leave a Comment