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.
Do nedavno je ova datoteka morala biti u formi. "favicon.ico", koje web preglednik identificira. 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 na Početni zaslonCPC iPhone, iPad si iPod Touch.
Kako dodati prečac na web mjesto na iPhone, početni zaslon iPada i iPoda
To činimo otvaranjem web stranice na iPhone (Safari, Chrome itd. internetski preglednik), kliknite na kvadratić sa strelicom (znak za "dijeli" u iOS-u), zatim opciju "Add na 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 rezolucije od iPhone i iPad.
Standardne razlučivosti i veličine ikona za iPhone, iPad, iPod i Android
- Modeklasični lele od iPhone / iPod = 57 × 57
- iPad = 76x76
- iPhone / iPod Retina = 120 × 120
- iPad Retina = 152×152
- iPhone 6 / 6S Plus = 180 × 180
Apple redovito ažurira Preporučena veličina ikonaURL-ovi aplikacije si Web stranica na ovu stranicu.
Za uređaje Android, ikone su dvije dimenzije:
- Android classic = 128 × 128
- Android s visokom razlučivošću (hi-res) = 192 × 192
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-76 × 76.png "rel ="apple-touch-icon ”veličine =” 76 × 76 ″ /> <link href=”/apple-touch-icon-120 × 120.png "rel ="apple-touch-icon ”veličine =” 120 × 120 ″ /> <link href=”/apple-touch-icon-152 × 152.png "rel ="apple-touch-icon ”veličine =” 152 × 152 ″ /> <link href=”/apple-touch-icon-180 × 180.png "rel ="apple-touch-icon ”veličine =” 180 × 180 ″ />
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.
Ikona prečaca do web stranice izgledat će slično bilo kojoj aplikacija za iOS.
