Kako dodati web stranicu ikone za iPhone, iPad i iPod Touch

Favicon.ico - Web Ikona u pregledniku

Prije nego što je pokrenuo web stranicu i dodati grafičke datoteke, faviconKoji se pojavljuju u pregledniku adresnoj traci. U većini situacija, favicon je minijaturna grafički logotip ili inicijalima web-stranica. Ovaj favicon se dodaje kako bi se korisnici lakše pronašli adresu brže oznaka Interneta.

favicon Stealth Postavke

favicon Stealth Postavke u Safariju

Favicon u Operi

Favicon u Operi

Sve do nedavno, ova datoteka trebala biti u obliku "favicon.ico"Da ih identificira web preglednik. Chrome, Internet Explorer, Opera, Safari, Firefox itd.
Za nekoliko godina, s unapređenja nove web jezika, HTML5 si CSS3, Favicons može biti .png datoteka ili .jpg, Uvjet je da se u zaglavlju stranice, prije </ head>Budi ovaj redak:

<Link rel = "ikona prečaca" href = "/ images / favicon.ico" type = "image / x-icon" />

Web Ikona za iOS - iPhone, iPad i iPod Touch

In iOS možemo dodati Prečaci web stranica pe Početni zaslonCPCiPhone, iPad si iPod Touch.

Kako dodati web prečac na iPhone, iPad i iPod početnom zaslonu

To činimo tako da otvorite web stranicu na svom iPhone (Safari, Chrome, Internet preglednik i sl), zatim na trgu sa strelicom (znak za „udio” u iOS-u), a zatim opciju "Dodaj u početni zaslon".

Ako na web stranici je postavljen favicon za web pregledniku, ali nije postavljena iOS uređaja specifične icon straniceNa zaslonu će se pojaviti ikona koja se sastoji se od pregled slike web stranica.

Kako dodati web ikone za iPhone, iPad i Android.

Prvi korak je da sestvoriti ikonu slikeKoje se pojavljuju na Početni zaslonCPC iDevice zajednice. Za web ikone je kompatibilan na svim uređajima i jasno vidjeti, moramo stvoriti sliku za sve iPhone i iPad rezolucija.

Rezolucije i standardne veličine ikona za iPhone, iPad, iPod i Android

  • Klasični modeli iPhone / iPod = 57 57 ×
  • iPad = 76 76 ×
  • iPhone / iPod Retina × = 120 120
  • iPad Retina × = 152 152
  • iPhone 6 / 6S Plus = 180 180 ×

jabuka redovito ažurira Preporučena veličina ikonaURL-ovi aplikacije si Web stranica pe ovu stranicu.

Za uređaje Android, ikone su dvije dimenzije:

  • Android klasična × = 128 128
  • Android visoke rezolucije (Hi-res) = 192 192 ×

Ikone

Nakon što smo napravili slike, penju se na web server, HTML izvor web stranice prije završne oznake </ head>, dodajte sljedeće retke:

<link href = "/ apple-touch-icon.png" rel = "jabuka-ikona" /> <Link href = "/ jabuka-touch-ikona-76x76.png" rel = "jabuka-touch-icon" veličine = "76x76" /> <Link href = "/ jabuka-touch-ikona-120x120.png" rel = "jabuka-touch-icon" veličine = "120x120" /> <Link href = "/ jabuka-touch-ikona-152x152.png" rel = "jabuka-touch-icon" veličine = "152x152" /> <Link href = "/ jabuka-touch-ikona-180x180.png" rel = "jabuka-touch-icon" veličine = "180x180" /> <link href = "/ icon-hires.png" rel = "ikona" size = "192x192" /> <link href = "/ icon-normal.png" rel = "ikona" size = "128x128" />

Za uređaje Apple i PNG naziv slike "rel =" mora sadržavati prefiks "apple-". Za Android, naziv datoteke će biti "ikona hires.png"A"ikona normal.png"S rel =" ikone ".

Tu je apsolutno neophodno za stvaranje slike za svaku razlučivost odvojeno. Možete napraviti sliku za visoku rezoluciju i uređaji s nižom rezolucijom, će prepoznati i da će postaviti ikonu.

iPhone Ikona web stranica

Ikona prečaca će izgledati internet stranici bilo aplikacija za iOS.

Kako dodati web stranicu ikone za iPhone, iPad i iPod Touch

O autoru

potajno

Strastveni o svemu što gadget i pisati rado stealthsettings.com od 2006 i volim otkrivati ​​nove stvari s vama o računalima i MacOS, Linux, Windows, iOS i Android.

Ostavite komentar

Ova web stranica koristi Akismet za smanjenje neželjene pošte. Saznajte kako se podaci vašeg komentara obrađuju.