Flash баннеры в прошлом. HTML5 анимация победила!

В начале 90-х годов появился первый в мире сайт, который дал старт рождения всемирной паутины интернета в том виде, которую мы знаем сегодня. Первые сайты были простыми и содержали статичную информацию в виде текста и изображений, поэтому возникла мысль как-то оживить сайты, сделать их более привлекательными. В 1995 году появились первые прототипы новой технологии, которая существенно помогла становлению новой технологии - flash. Практически сразу появился первый Flash плеер который мог работать внутри статичных HTML страниц. Сайты существенно изменились, они стали «живыми» и «подвижными». Вплоть до наших дней эта технология правила миром анимации на сайтах. С ее помощью делали сайты целиком, однако быстро отказались от этой идеи, из-за сложности индексирования роботами.

Flash баннеры в прошлом. HTML5 анимация победила!

Что представляет собой Flash?

Для воспроизведения ролика в браузере нужен специальный плагин, т.к. сама по себе эта технология не совместима с HTML. Плагин использует приложение - плеер, внутри которого и работает сам ролик-баннер. Баннер по сути, представляет собой программу на специальном языке, ActionScript и набора библиотек с изображениями. Программа, работая внутри плеера, манипулирует всеми объектами, и мы видим анимацию или мультфильм. Как и любая программа, flash-программа требует ресурсов процессора, только за его счет происходит магия анимации. Конечно, современные видеокарты предоставляют более широкие возможности по выводу информации на экран, но что бы сделать работу универсальной на всех устройствах, эти возможности не используются. Это стало первой проблемой для мобильных устройств, которые работают на батареях, процессор стал потреблять много энергии на анимацию, быстро разряжая батарею. Flash-плеер представляет собой виртуальную машину, и как любой продукт имеет свои ошибки, так вот этих ошибок было слишком много, причем очень серьезных, программа ролика работала в обычном пространстве что и браузер, вызывая сбой в работе можно было серьезно навредить устройству на котором работает флеш-баннер. Проблема безопасности стала второй главной проблемой для Flash-технологии. Все эти проблемы ставили крест на самой технологии. На данный момент еще можно встретить сайты, на которых имеется флеш-банеры, и шапки, производитель флеш-плеера будет поддерживать его работу до 2020 года. Возникает вопрос, какая технология пришла на смену flash? Как работают современные банеры?

Технология HTML5. Баннеры на современный мотив.

После 2014 года утвердили новый стандарт - HTML5. Цифра означает версию HTML, до этого была 4-я версия. В новой версии появился очень важный элемент - canvas, это специальный контейнер, внутри которого программно можно рисовать и выводить анимацию, ни чем не уступающую flash-плееру. Существенное отличие - не нужен специальный плеер, полная интеграция с браузером, безопасность. Для управления процессом анимации используется JavaScript, который передает в этот контейнер при помощи специальной библиотеки всю информацию для анимации. Большой плюс этой технологии, это возможность применения в отзывчивом дизайне. Если мы откроем такой сайт на большом экране компьютера или небольшом экране телефона страница будет перестроена для удобного восприятия информации, а вместе с этим легко подстраиваются HTML5-баннеры. Современные HTML5 баннеры полностью совместимы со всеми браузерами и устройствами, это значит, что вашу рекламу увидят все посетители сайта в том виде, в котором задумал аниматор-дизайнер. Заказывая баннеры у нас вы получите современный HTML5-баннер, работающий на всех устройствах.


Перейти к списку