В этом посте я хочу продолжить начатую в предыдущем тему. Для начинающих интернет бизнесменов технические моменты иногда представляют непреодолимое препятствие, хотя на самом деле это бывает намного проще, чем кажется.

Сегодня закончил свою многодневную работу над страницей рекламы собственных услуг копирайтера, и в голову мне пришла мысль как-то выделить ее на главной странице. Первое, что пришло в голову установить в сайдбаре баннер, который бы бросался в глаза. Как выход напрашивался gif – баннер, но как его сделать, если я этим никогда не занимался?

Как всегда выручил Яндекс, благодаря которому я наткнулся на замечательный бесплатный онлайн сервис и сделал gif-баннер меньше чем за минуту. Конечно же, это заняло значительно больше времени. Вооружившись фотошопом, я предварительно заготовил картинки, которые в дальнейшем и составили сам баннер. Для gif-баннера необходимо минимум две картинки одинакового размера – они и будут чередоваться, сменяя друг друга. Потом с помощью сервиса ГИФОВИНА буквально за минуту сверстал их в одно целое.

Предположим что у Вас заготовлено несколько картинок одинакового размера, заходим на сайт:

Жмем на кнопку «Добавить кадр» и заносим первую картинку:

Аналогичным образом заносим все остальные:

Указываем размеры баннера, если в выпадающем списке нет подходящего, указываете свой (в моем случае 120×240 пикселей). Указываете желаемое время показа картинки и эффект их смены, вот и все, жмем на кнопку «Готово» и Ваш баннер готов.

В случае, если Вас не устраивает эффект или например скорость, вы можете нажать на крестик в правом верхнем углу, и вернувшись на предыдущую страницу, сделать необходимые корректировки. Если все устраивает, скачивайте баннер, он готов.

В результате мы получаем анимированную картинку в формате gif. Используйте ее во фрагменте кода, приведенного в предыдущей статье, и Вы получите уже не статический, а анимированный баннер. В принципе количество кадров может быть достаточно большим, превращая Вашу картинку в мультфильм, однако следует учитывать, что чем больше количество кадров, тем «тяжелее» будет итоговый файл, что ведет к увеличению времени загрузки.

Всех благ Вам и удачи, Евгений Беляков.

http://networkjob.ru/texnicheskie-momenty/kak-sdelat-gif-banner-za-paru-minut.html