Когда создаешь анимацию HTML5, то одно из требований — интегрировать в сам html все картинки и скрипты. И если со скриптами еще все норм и Google Web Designer делает это сам, то с картинками нужно сделать 2 шага. Два маленьких шага для каждой картинки — но большой и один для всего HTML5.
- Для кодирования картинок используем сервис dataurl.net— бросаем картинку, забираем код в виде:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAACMCAMAAAB1a9Qa...UVORK5CYII= - Этот код вставляем в атрибут src или source, вместо стандартного пути до нужной картинки.
<img is="gwd-image" source="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAACMCAMAAAB1a9Qa...UVORK5CYII=" id="contact" class="gwd-img-royl gwd-gen-y4qbgwdanimation">