Favicon.ico – Ikona web stranice u pregledniku
Prije nego što se pokrene web stranica, dodaje se grafička datoteka, favicon, pojaviti se u pregledniku, na adresnoj traci. U većini situacija Favicon je minijatura grafičkog logotipa ili inicijala odgovarajuće web stranice. Ovaj favicon dodaje se kako bi se korisnicima pomoglo da brže identificiraju web adresu u oznakama.
Donedavno je ova datoteka morala biti u obliku “Favicon.ico“, da se identificira po web pregledniku. Chrome, Internet Explorer, Opera, Safari, Firefox itd.
Već nekoliko godina, s napretkom novih web jezika, Html9 i CSS3, favicon može biti fisier .png ili .jpg. Stanje je da je u zaglavlju mjesta, prije </glava>, biti prisutan crta:
<Link rel =”ikona prečaca” href =”/images/favicon.ico” tip =”slika/x-icon” />
Ikona web stranice za iOS – iPhone, iPad si iPod touch
U iOS Možemo dodati Prečaci web stranica pe Početni zaslon-uliPhone,, iPad i iPod touch.
Kako dodati prečac web stranice na iPhone, iPad i iPod početni zaslon
To radimo otvaranjem web stranice na iPhoneu (Safari, Chrome itd. Internet preglednik), pritiskamo na trgu sa strelicom (znak za znak za “udio” u iOS), onda opcija “Dodaj na početni zaslon“.
Ako web stranica ima favicon set za preglednik, ali nije postavljena ikonit specifičan za iOS uređaje, na ekranu će se pojaviti ikona formirana iz a Zamislite pregled od web stranice.
Kako dodati web ikone za iPhone, iPad i Android.
Prvi korak je njegovStvorimo sliku za iconita, što se pojavljuje na Početni zaslonIdeja. Da bi web -ikona bila kompatibilna na svim uređajima i jasno pogledala, moramo stvoriti sliku Za sve rezolucije iPhonea i iPada.
Standardne rezolucije i veličine ikona za iPhone, iPad, iPod i Android
- Klasični modeli iPhone / iPod / 57×57
- iPad = 76×76
- iPhone / iPod mrežnica = 120×120
- iPad mrežnica = 152×152
- iPhone 6/6s Plus = 180×180
Jabuka Redovito ažurirati Preporučene dimenzije za ikonuURL -ovi prijava i web stranice pe Ova stranica.
Za Android uređaje ikone su dvije veličine:
- Android Classic = 128 × 128
- Android s visokom rezolucijom (HI-RES) = 192 × 192
Nakon što smo snimili slike, penjemo se na web poslužitelj i u HTML izvoru web stranice, prije zatvaranja </glava>, dodajte sljedeće retke:
<Link href =”/pple-touch-icon.png” rel =”Apple-touch-Icon” /> <Link href =”/Apple-Touch-icon-76×76.png” rel =”Apple-touch-Icon” veličina =”76×76″ /> <Link href =”/Apple-Touch-icon-120×120.png” rel =”Apple-touch-Icon” veličina =”120×120″ /> <Link href =”/Apple-Touch-icon-152×152.png” rel =”Apple-touch-Icon” veličina =”152×152″ /> <Link href =”/Apple-Touch-icon-180×180.png” rel =”Apple-touch-Icon” veličina =”180×180″ /> <Link href =”/icon-hires.png” rel =”ikona” veličina =”192×192″ /> <Link href =”/Icon-normal.png” rel =”ikona” veličina =”128×128″ />
Za Apple uređaje, .png naziv slike i “rel =” mora sadržavati prefiks “jabuka-“. Za Android će biti imena datoteka “ikona nagibe.png” i “ikona-normal.png” s rel =”ikona”.
Nije apsolutno potrebno stvoriti slike za svaku rezoluciju. Možete napraviti sliku za najveću rezoluciju, a uređaji s nižom rezolucijom identificirat će je i postaviti kao ikonu.
Ikona prečaca na web mjestu izgledat će kao od bilo koje od bilo koje Prijave za iOS.
