Favicon.ico – Ikona webovej stránky v prehliadači
Pred spustením webovej stránky sa pridá grafický súbor, favicon, ktorý sa zobrazí v prehliadači v paneli s adresou. Vo väčšine situácií je favicon miniatúrou grafického loga alebo iniciálami príslušnej webovej stránky. Táto favicon je pridaná, aby pomohla používateľom rýchlejšie identifikovať webovú adresu v záložkách.
Až donedávna musel mať tento súbor formu “favicon.ico“, ktorý má byť identifikovaný webovým prehliadačom. Chrome, Internet Explorer, Opera, Safari, Firefox atď.
Už niekoľko rokov, s pokrokom nových webových jazykov, Html9 a CSS3, favicon môže byť aj jedna fisier .png alebo .jpg. Podmienkou je, že v hlavičke webovej stránky, pred </hlava>, riadok by mal byť prítomný:
<odkaz rel=”ikonu skratky” href=”/images/favicon.ico” typ=”obrázok/ikona x” />
Ikona webovej stránky pre iOS – iPhone, iPad a iPod Touch
V iOS môžeme pridať skratky webových stránok pešo Domovská obrazovka-iPhone, iPad a iPod Touch.
Ako pridať odkaz na webovú stránku na domovskú obrazovku iPhone, iPad a iPod
Urobíme to tak, že si na iPhone otvoríme webovú stránku (internetový prehliadač Safari, Chrome atď.), stlačíme štvorček so šípkou (označenie pre “podieľať sa” v systéme iOS), potom možnosť “Pridať na domovskú obrazovku“.
Ak má web pre prehliadač nastavenú ikonu favicon, ale nie je nastavená špecifickú ikonu pre zariadenia so systémom iOS, na obrazovke sa zobrazí ikona pozostávajúca zo symbolu predstavte si náhľad webovej stránky.
Ako pridať webové ikony pre iPhone, iPad a Android.
Prvým krokom je jehovytvoríme obrázok pre ikonu, ktorý sa zobrazí na Domovská obrazovka-ul idevice-ului. Pentru ca web iconul sa fie compatibila pe toate device-urile si sa se vada clar, trebuie sa creem imaginea pentru toate rezolutiile de iPhone si iPad.
Rezolutiile si marimile standard ale iconurilor pentru iPhone, iPad, iPod si Android
- Modelele clasice de iPhone / iPod = 57×57
- iPad = 76×76
- iPhone / iPod Retina = 120×120
- iPad Retina = 152×152
- iPhone 6/6S Plus = 180×180
Jablko actualizeaza regulat dimensiunile recomandate pentru iconURL žiadosti a paginilor web pešo acesta pagina.
Pentru device-urile Android, icon-urile sunt de doua dimensiuni:
- Android clasic = 128×128
- Android cu rezolutie mare (hi-res) = 192×192
Dupa ce avem facute imaginile, se urca pe web server, iar in sursa HTML a website-ului, inainte de inchiderea </hlava>, se adauga liniile urmatoare:
<link href=”/apple-touch-icon.png” rel=”Apple-touch-ikona” /> <link href=”/ikona-dotyku-jablka-76×76.png” rel=”Apple-touch-ikona” veľkosti =”76×76″ /> <link href=”/apple-touch-icon-120×120.png” rel=”Apple-touch-ikona” veľkosti =”120×120″ /> <link href=”/ikona-dotyku-jablka-152×152.png” rel=”Apple-touch-ikona” veľkosti =”152×152″ /> <link href=”/apple-touch-icon-180×180.png” rel=”Apple-touch-ikona” veľkosti =”180×180″ /> <link href=”/icon-hires.png” rel=”ikonu” veľkosti =”192×192″ /> <link href=”/icon-normal.png” rel=”ikonu” veľkosti =”128×128″ />
V prípade zariadení Apple je názov obrázka .PNG a “rel=” musí obsahovať predponu “jablko-“. Pre Android budú názvy súborov “icon-hires.png” a “ikona-normal.png” s rel=”ikonu”.
Nie je bezpodmienečne nutné vytvárať obrázky pre každé rozlíšenie zvlášť. Môžete vytvoriť obrázok pre najvyššie rozlíšenie a zariadenia s nižším rozlíšením ho identifikujú a nastavia ako ikonu.
Ikona odkazu na webovú stránku bude vyzerať podobne ako ktorákoľvek iná aplikácie pre iOS.
