Как уменьшить размер в кб HTML баннера в google web designer?

Ссылка скопирована
HTML PHP
11 января 2026 1 ответ

добрый день! как уменьшить размер HTML баннера в google web designer? не проходит по тех требованиям для размещения на площадке (ограничение 65 Кб). Сделала html баннер с анимацией в GWD (45 кб), прикрутила к нему событие gwd.actions.timeline.gotoAndPlay('page1', 'label-1'); чтобы показывал бесконечно, он стал весить 79 кб! может есть другой способ задать ему свойство показывать "бесконечно"? спасибо

Дополнительно:

Ответы:

Я не работал в гугл веб лизинг, но если убрать все лишнее? Или использовать средства для оптимизации (минимизации кода). Кажется чем то таким баловася, чтоб не опечатываться не буду писать название, можно загуглить, весь код становится одной строкой..
А если анимацию сделать через? css?
https://webformyself.com/animaciya-v-css3/
Через "infinite"?

Как вариант уменьшить качество изображения. Или использовать svg (растровые изображения).

Спасибо за ответ, в итоге выбрала вынести все в js через переверстку в adobe animate))

google web dis - неповоротливое зло!)

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Алексей Денисов Ответ

Для уменьшения размера в кб HTML баннера в Google Web Designer, можно применить несколько методов оптимизации. Ниже приведены некоторые из них:

1. Оптимизация изображений: Одним из основных способов уменьшить размер баннера является оптимизация изображений. Для этого можно использовать специальные инструменты, такие как TinyPNG или Compressor.io, чтобы сжать изображения без потери качества.

function compressImage($source, $destination, $quality) {
    $info = getimagesize($source);
 
    if ($info['mime'] == 'image/jpeg') {
        $image = imagecreatefromjpeg($source);
    } elseif ($info['mime'] == 'image/png') {
        $image = imagecreatefrompng($source);
    }
 
    imagejpeg($image, $destination, $quality);
    imagedestroy($image);
}

function compressImage($source, $destination, $quality) { $info = getimagesize($source); if ($info['mime'] == 'image/jpeg') { $image = imagecreatefromjpeg($source); } elseif ($info['mime'] == 'image/png') { $image = imagecreatefrompng($source); } imagejpeg($image, $destination, $quality); imagedestroy($image); }

2. Минимизация CSS и JavaScript: Удалите неиспользуемые стили и скрипты из вашего баннера, чтобы уменьшить его размер. Также можно объединить несколько файлов CSS и JavaScript в один, чтобы уменьшить количество запросов к серверу.

function minifyCSS($css) {
    $css = preg_replace('/\/\*((?!\*\/).)*\*\//', '', $css);
    $css = preg_replace('/\s{2,}/', ' ', $css);
    $css = preg_replace('/\s*([:;{}])\s*/', '$1', $css);
 
    return $css;
}

function minifyCSS($css) { $css = preg_replace('/\/\*((?!\*\/).)*\*\//', '', $css); $css = preg_replace('/\s{2,}/', ' ', $css); $css = preg_replace('/\s*([:;{}])\s*/', '$1', $css); return $css; }

3. Использование сжатия gzip: Настройте сервер для сжатия контента с помощью gzip, чтобы уменьшить размер передаваемых данных. Это позволит ускорить загрузку баннера и уменьшить его размер.

function compressOutput() {
    ob_start("ob_gzhandler");
}

function compressOutput() { ob_start("ob_gzhandler"); }

4. Использование SVG: Если возможно, замените растровые изображения в баннере на векторные изображения в формате SVG. Векторные изображения имеют меньший размер и могут масштабироваться без потери качества.

 

Совместное применение этих методов поможет значительно уменьшить размер в кб HTML баннера в Google Web Designer и улучшить его производительность при загрузке.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

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

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 0 ответов Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 0 ответов печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 0 ответов VPN Почему подключение через VPN работает только на wi-fi, а через кабель нет, где ошибка? 0 ответов