Внедрить картинки в файл HTML

Когда создаешь анимацию HTML5, то одно из требований — интегрировать в сам html все картинки и скрипты. И если со скриптами еще все норм и Google Web Designer делает это сам, то с картинками нужно сделать 2 шага. Два маленьких шага для каждой картинки — но большой и один для всего HTML5.

  1. Для кодирования картинок используем сервис dataurl.net — бросаем картинку, забираем код в виде:
    data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAACMCAMAAAB1a9Qa...UVORK5CYII=
  2. Этот код вставляем в атрибут src или source, вместо стандартного пути до нужной картинки.
    <img is="gwd-image" source="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAACMCAMAAAB1a9Qa...UVORK5CYII=" id="contact" class="gwd-img-royl gwd-gen-y4qbgwdanimation">

LEAVE A REPLY

Ваш e-mail не будет опубликован. Обязательные поля помечены *