Чували сте, че уебът е станал по-визуален, а страхотните изображения в уебсайта на бизнеса ви са важни.
Но тези изображения могат да бъдат бичът на посетителите на вашия сайт. Изображенията представляват 1MB от 1.7MB средната уеб страница.
Това може да не е проблем за посетителите ви на настолни компютри, използващи високоскоростни интернет връзки. Ако обаче виждате или искате да видите увеличен трафик от мобилни посетители, тези изображения може да са проблем. За изтеглянето на уеб страниците с тежки изображения може да отнеме много време. Посетителите се разочароват и напускат сайта ви.
$config[code] not foundМоже да сте реализирали отзивчив уеб дизайн, мислейки, че решава всичките ви мобилни проблеми. И вярно е, че отзивчивият уеб дизайн решава някои проблеми. Той автоматично подрежда и показва елементите на сайта ви, за да ги гледате на по-малките, по-тесни мобилни екрани.
Но отзивчивият уеб дизайн не е отговор на всичко. Това не е задължително да разреши проблема с изтеглянето на изображения. Дори и с реагиращ дизайн, много пъти тези изображения в тежка категория все пак се изтеглят. Както специалистът по уеб представяне Yoav Weiss накратко посочва на уебсайта на Opera:
“Отзивчивият уеб дизайн RWD комбинира нови възможности на браузъра и CSS техники за създаване на уебсайтове, които се адаптират към устройството, което ги показва, и изглеждат идеално навсякъде. Това позволи на разработчиците да спрат да се притесняват за ненадеждното откриване на устройства и да мислят за своите уебсайтове по отношение на размерите на екрана за изглед.
Но, въпреки че RWD сайтовете изглеждаха различно на всяко устройство, отдолу, повечето от тях продължиха да изтеглят същите ресурси за всички устройства. "
Новото
Ако не знаете нищо за HTML кода, нетехническа дефиниция е: това е специален език. Когато се използва зад кулисите в кода на уебсайта, този език дава инструкции как браузърът да показва текста и изображенията. Новият елемент Picture е вид език за HTML маркиране. Той е написан по следния начин (за групата за отзивчиви изображения): Елементът Picture е отзивчив изображения, не отговаря дизайн. За нетехническите бизнесмени това разграничение може да изглежда малко. Но когато става въпрос за ефективността на сайта ви на мобилни устройства, тя може да бъде значителна. Според доклад на ArsTechnica, новият елемент за маркиране се занимава с проблемите, причинени от изображения, които трябваше да се видят на монитор в пълен размер - изображения, които не се превеждат добре на мобилни устройства. Най-
„Когато браузърът срещне елемент Picture, той първо оценява всички правила, които уеб разработчикът може да определи. *** След това, след оценка на различните правила, браузърът избира най-доброто изображение въз основа на собствените си критерии. Това е още една хубава функция, тъй като критериите на браузъра могат да включват настройките ви. Например, бъдещите браузъри могат да предложат опция за спиране на зареждането на изображения с висока разделителна способност през 3G, независимо от това, което може да каже някой от елементите на картината на страницата. След като браузърът знае кой образ е най-добрият избор, той всъщност зарежда и показва това изображение в добър стар елемент img. … това, което се случва, е картината на img. Ако браузърът е твърде стар, за да знае какво да направи Отначало не всички разработчици приеха новия елемент Picture. Историята на Ars Technica очертава процеса, през който лидерите в общността за уеб разработки преминаха през точката, от която $config[code] not found Но сега въпросът изглежда решен, с приемането на новия HTML елемент на HTML. Най-
Като бизнес хора това е важно Внедряването на елемента Picture HTML за изображения е нещо, което трябва да обсъдите с вашия уеб разработчик. Технически настроените и направи си сам могат да отидат тук, за да се научат как да използват елемента Picture. Това е отлична справка от Скот Гилбъртсън. Чувствайте се свободни да прилагате
Снимки: Shutterstock; RICG Какво е Елементът на картината HTML?
Ключови моменти за
