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

Favicon.ico - ikona web stranice u pregledniku

Prije nego što je pokrenuo web stranicu i dodati grafičke datoteke, favicon, koji će se pojaviti u pregledniku na adresnoj traci. U većini slučajeva, favikon je minijatura grafičkog logotipa ili inicijala odgovarajuće web stranice. Ova je oznaka dodana kako bi pomogla korisnicima da brzo prepoznaju web adresu u oznakama.

potajno Settings Favicon

potajno Settings Favicon u Safariju

Favicon u Operi

Favicon u Operi

Do nedavno je ova datoteka morala biti u formi. "favicon.ico", Identificirat će ih 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, prijeBudi ovaj redak:

Ikona web stranice za iOS - iPhone, iPad i iPod Touch

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

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

To činimo otvaranjem web stranice na iPhoneu (Safari, Chrome itd. Internetski preglednik), klikom na kvadrat strelicom (znak za "dijeljenje" u iOS-u), a zatim opcijomDodaj 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 se stvoriti 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.

Standardne razlučivosti i 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 mrežnica = 152 × 152
  • iPhone 6 / 6S Plus = 180 × 180

Apple 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 classic = 128 × 128
  • Android s visokom razlučivošću (hi-res) = 192 × 192

Ikone

Nakon što napravimo slike, one se prenose na web poslužitelj i u HTML izvor web stranice prije zatvaranja , dodaju se sljedeći redovi:

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

Za uređaje Apple, .PNG ime slike i "rel =" moraju sadržavati prefiks "apple- ". Za Android će nazivi datoteka biti "ikona hires.png"A"ikona normal.png”S rel =” ikona ”.

Nije nužno stvoriti slike za svaku rezoluciju. Možete napraviti sliku za najveću razlučivost, a uređaji s nižom razlučivošću prepoznat će je i postaviti kao ikonu.

iPhone Ikona web stranica

Ikona prečaca do web stranice izgledat će slično bilo kojoj aplikacija za iOS.

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

O autoru

potajno

Zaljubljen u sve gadgete i IT, pišem sa zadovoljstvom u stealthusettings.com od 2006. godine i volim s vama otkriti nove stvari o računalima i operativnim sustavima macOS, Linux, Windows, iOS i Android.

Ostavite komentar