Favicon.ico - Икона на уебсайт в браузъра
Преди да го пусна нов уебсайт и добавяне на графични файлове, Favicon, за да се появи в браузъра, в адресната лента. В повечето ситуации фавиконът е миниатюра на графичното лого или инициалите на съответния уебсайт. Този значок е добавен, за да помогне на потребителите бързо да идентифицират уеб адрес в отметките.
Доскоро този файл трябваше да бъде във форма. "favicon.ico“, които да бъдат идентифицирани от уеб браузъра. Chrome, Internet Explorer, Opera, Safari, Firefox и др.
В продължение на няколко години, с напредване на нови уеб езици, HTML5 si CSS3, Favicons може да бъде .png файл или . JPG, Условието е, че заглавието на сайта, предиБъди този ред:
Икона на уебсайт за iOS - iPhone, iPad и iPod Touch
In IOS можем да добавим команди за бърз достъп на уеб-страници на Начален екранВ iPhone, IPad si Ipod Touch.
Как да добавите пряк път към уебсайт на iPhone, начален екран на iPad и iPod
Правим това, като отваряме уеб страница на iPhone (Safari, Chrome и т.н. интернет браузър), щракнете върху квадратчето със стрелката (знакът за „споделяне“ в iOS), след което опцията „Add до началния екран".
Ако сайта е поставил икона за вашия браузър, но не е зададена IOS устройства специфична икона сайтове, На екрана ще се появи икона, състояща се от преглед на изображенията уеб страница.
Как да добавя уеб икони за iPhone, iPad и Android.
Първата стъпка е да се създадете икона изображениеКоито се появяват на Начален екранКЗК idevice общност. За уеб икона е съвместимо с всички устройства и да се види ясно, че трябва да се създаде образ за всички резолюции на iPhone и iPad.
Стандартните разделителни способности и размери на иконите за iPhone, iPad, iPod и Android
- Modeкласическо леле на iPhone / iPod = 57 × 57
- iPad = 76 × 76
- iPhone / iPod Retina = 120 × 120
- iPad Retina = 152 × 152
- iPhone 6 / 6S Plus = 180 × 180
Apple актуализира редовно Препоръчителен размер иконаСайтове приложения si Уеб страници на тази страница.
За Android устройства, икони са две измерения:
- Класически Android = 128 × 128
- Android с висока разделителна способност (hi-res) = 192 × 192
След като направим изображенията, тя се качва на уеб сървъра и в HTML източника на уебсайта, преди да се затвори , се добавят следните редове:
<link href=”/apple-touch-icon.png ”rel =”apple-touch-icon ”/> <link href=”/apple-touch-icon-76 × 76.png ”rel =”apple-touch-icon ”sizes =” 76 × 76 ″ /> <link href=”/apple-touch-icon-120 × 120.png ”rel =”apple-touch-icon ”sizes =” 120 × 120 ″ /> <link href=”/apple-touch-icon-152 × 152.png ”rel =”apple-touch-icon ”sizes =” 152 × 152 ″ /> <link href=”/apple-touch-icon-180 × 180.png ”rel =”apple-touch-icon ”sizes =” 180 × 180 ″ />
За устройства Apple, .PNG име на изображение и "rel =" трябва да съдържат префикса "apple- ". За Android имената на файловете ще бъдат "икона hires.png"А"икона normal.png”С rel =” икона ”.
Не е абсолютно необходимо да се създават изображения за всяка разделителна способност. Можете да направите изображение с най-висока разделителна способност, а устройствата с по-ниска разделителна способност ще го идентифицират и ще го зададат като икона.
Иконата за пряк път към уебсайта ще изглежда подобно на всяка приложения за IOS.
