Найти тему
Adobe Animate Уроки

Как уменьшить вес HTML5-баннера

Оглавление

Уменьшить вес картинок

Самое простое и очевидное это уменьшить вес растровых картинок в баннере.
Это можно сделать несколькими способами:
- в настройках публикации проекта надо выбрать (в закладке Image Settings) Spritesheet и тогда все картинки в проекте объединятся в одну, если выбрать в строчке Format: BOTH, то картинки формата png и картинки формата jpg объединятся в отдельные спрайты, которые в последствии можно еще чуть уменьшить, прогнав их через
https://tinypng.com/ или его аналоги.

выбор метода сохранения картинок в adobe Animate
выбор метода сохранения картинок в adobe Animate

Изменить мелкий текст из Static Text в Dynamic Text

Если в вашем проекте есть мелкий текст, который обязателен (лигал, дисклемер, юридическая информация и др.), то это, зачастую, сильно увеличивает вес баннера.
Что бы в готовом баннере мелкий текст не переводился js-code его надо сделать динамическим, но с ним есть одна сложность, это наличие шрифта у пользователя. Я предпочитаю использовать шрифт Verdana, он есть у всех и в не большом размере нормально читается.
Как перевести текст из Static в Dynamic?
Все просто: на панели Object в выпадающем меню надо выбрать нужный вариант

Выбор свойств текста
Выбор свойств текста

Преобразовать слова в буквы

Это один из самых трудных и мало эффективных способов, НО когда речь идет на килобайты или даже байты, а вы уже все перепробовали, то тут начинается самое интересное )
Выделяете текст, далее нажимаете ctrl+B, текст разбивается на буквы, затем каждую букву алфавита нужно сделать отдельным символом и копировать ее в нужные места в текста.
Например, в слове "TEXT" две буквы "Т" это значит что мы вполне можем сделать один символ для них.

-3

Если у вас есть вопросы, то присоединяйтесь к нашему телеграм-чату там вам обязательно помогут.