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

Каждая рекламная площадка предоставляет свои требования к размеру баннера. Часто происходит так, что готовый баннер превышает дозволенный лимит и нужно оптимизировать флеш-графику и анимацию.

Что сделать, чтобы баннер похудел до нужной отметки? Существует несколько способов  оптимизации графики. Но лучше всего еще до начала работы над ним учитывать те моменты, которые влияют на исходный вес файла. Это поможет избежать ошибок и увеличит шансы «втиснуться» в размер без кардинальных изменений после.

1.Не импортируйте во флеш растровые изображения плакатного размера. Первоначально картинка должна быть уменьшена  в фотошопе до нужного размера.

Если мы возьмем  фото на пару гигабайт и просто уменьшим его во флеше с помощью трансформации – флеш все равно просчитает его исходный вес. При сохранении картинки в фотошопе выбирайте Save for Web.

2.Уменьшить вес растровых картинок можно и во флеше. Открываем в библиотеке свойства растра.

 

Ставим качество импорта. Обязательно включаем галочку Allow smoothing (Разрешить сглаживание).

 

Конечно же, нужно помнить, что "грязная" картинка, как на примере ниже, ну никак не украсит баннер. Поэтому сжимать растр нужно в меру, чтобы сохранить качество изображения.

 

3.Считается, что вектор весит мало, а растр – много. Но неоптимизированый вектор также существенно добавляет лишних килобайт. Поэтому уменьшайте количество точек и кривых, используя функцию оптимизации графики.

4.Выбрасывайте ненужные элементы, упрощайте картинку. Избавляйтесь от  мелких деталей, на которые зритель вряд ли обратит внимание.

5.Цвет. Градиент весит больше, чем однотонный цвет. Если нет в градиентах большой необходимости – откажитесь от них.

6.Используйте символы, чтобы не наплодить лишней графики. Два одинаковых объекта весят больше, чем два символа. Избегайте использования Tween-ов, которые появляются при попытке анимировать объекты, которые не являются символами.

7.Если есть возможность и умения, используйте программную анимацию. Ключевые кадры – это источник лишних кб, а значит, и лишнего веса баннера. Программную анимацию лучше использовать вместо motion tween, а также в спецэффектах со множеством повторяющихся объектов (дождь, снег).

Upd: как еще можно уменьшить вес баннера -  можно узнать здесь.

Комментарии
Аватар пользователя serred

Да, 100$ действительно дороговато. Уж лучше искать где возможно бесплатные методы. Они зачастую не хуже

Аватар пользователя Зая

Ты моя кысонька ))) Спасибо! Мне так нужно было узнать как уменьшить вес фото... Помогает! Супер!!! Спасибо!!!

Аватар пользователя Юра

В целом всё верно, хорошая статья.
Некоторые пнг картинки может заменить джепег + маска. Бывает удобно заюзать метод наложения. Например, в мультиплае белый становится прозрачным.
В некоторых картинках на фонах (особенно под текстом), можно использовать приём клонирования с блёром. Это значит исходную картинку мы обрезаем, ту часть которую потеряли восстанавливаем за счёт клонирования фона методом флеша.

Аватар пользователя Юлия

Подскажите, пожалуйста, у меня всё наоборот. Размер баннера 5м*1,5м, а весит всего 2мб.....Что не так?

Аватар пользователя Роман

Все нормально, если это вектор

Аватар пользователя Роман

Еще про галочку «удаление блочности» при оптимизации растра стоит сказать, сильно помогает.

Аватар пользователя I am

А как сделать объектный символ и вообще что это такое? Заранее спасибо

Аватар пользователя May

а для малого веса баннера в каком формате картинки лучше импортировать: gif, png, psd, либо jpg (если, конечно, не нужен альфа-канал)? может, нужно опираться на размер картинки? иногда одна и та же картинка одинакового качества, к примеру, весит в png намного меньше, чем psd.. но psd все-таки ближе к флэшу (adobe всетки). заранее спасибо.

Аватар пользователя Oksana

Я сохраняю в png лишь в том случае, если есть прозрачные области на картинке. В остальных случаях использую или гиф, или jpeg.
Многое в этом случае зависит от настроек сжатия (информации в сети много, как сжать гифку и jpeg). Изображения гиф ограничены по количеству цветов(не более 256), jpeg, в свою очередь, может содержать до миллионы цветов, чем приближен к фотографическому качеству. psd - это немного из другой оперы, не надо смешивать его с gif, png и jpg.

Аватар пользователя Серж

Вообще-то, если нет анимации, то PNG всегда предпочтительней GIF-а. Используя современные компрессоры, можно получить как минимум полуторный выигрыш по размеру.
ЗЫ: Лично я дожимаю и GIF и PNG с помощью Color Quantizer'a - http://kherson.myftp.biz/cq/

Аватар пользователя Renderdoll

Спасибо за ценную информацию, а вот про твины - не знала, теперь будем следить за тем, чтобы их не плодить. Wink))

Аватар пользователя Oksana

Smile

Аватар пользователя multik

Добавлю, что после ручной оптимизации всё равно можно не попасть в жёсткие ограничения на вес баннера. Тогда можно попробовать воспользоваться какими-нибудь программами, например, Flash Optimizer 2. Помимо вышеперечисленных моментов, там также есть такие плюшки как Zlib компрессия, оптимизация шрифтов, если использовались не системные шрифты, и т.д. Из минусов добавлю лишь стоимость в 100$, что дороговато, имхо.

Аватар пользователя Oksana

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