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.
Yakın zamana kadar bu dosyanın formda olması gerekiyordu."favicon.ico", web tarayıcısı tarafından tanımlanacak. Chrome, Internet 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 "Add 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
- Modeklasik lele iPhone / iPod = 57 × 57
- iPad = 76x76
- 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
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.
Web sitesinin kısayol simgesi, herhangi bir şeye benzeyecektir. iOS uygulamaları.
