У email-рассылки есть лишь пара секунд, чтобы зацепить читателя ― темой письма, чтобы её открыли, и интересным содержимым, чтобы прочитали. Если картинки будут медленно загружаться, пользователь с плохим интернетом просто закроет письмо, и контакт с брендом будет неудачным. Чтобы такого не произошло, стоит сжать картинку для рассылки. Как это сделать без потери качества — рассказываем в статье.
Для чего сжимать изображения в рассылках
Сжатие изображений — это уменьшение размера файлов изображений с сохранением их качества на максимально возможном уровне. Процесс позволяет уменьшить размер картинки и объём данных, передаваемых при отправке писем с вложенными изображениями.
Уменьшить картинку для email-письма важно по двум причинам:
- Сжатие позволяет уменьшить размер файлов, что ускоряет время загрузки писем. Быстрая загрузка помогает удерживать внимание получателя и снижает вероятность того, что он закроет письмо до того, как изображения загрузятся полностью.
- Сжатие позволяет сэкономить место на почтовом сервере и уменьшить нагрузку на серверы при отправке и получении писем. Это особенно важно при массовых рассылках, когда нужно передать большое количество информации множеству получателей.
Если не уменьшить размер картинки для email-рассылок, это может привести к следующим негативным последствиям:
- Долгая загрузка изображений снижает конверсию письма.
- Увеличение размера писем может вызвать проблемы с его доставкой из-за ограничений почтовых серверов.
- Чтение письма потребует повышенного потребления трафика у получателей, особенно если они открывают письма на мобильных устройствах с тарифицируемым интернетом.
- Письмо может быть помечено как спам из-за большого объёма вложений.
Как Google-почта блокирует и режет картинки в email-письмах
Все почтовые клиенты имеют свои правила отображения писем и их содержимого. Рассмотрим на примере почты от Google.
Если вы отправляете рассылки пользователям Gmail, имейте в виду, что размер изображений изменится автоматически, сохранив при этом их пропорции и качество в разумных пределах. Так достигается соответствие стандартным требованиям почтовых служб: размер не больше 100 Кб, чтобы не создавать проблем с отправкой и получением писем. Если изображение, прикреплённое к письму, слишком большое — Google может обрезать письмо и уменьшить размер картинки без потери качества до оптимального значения.
Дополнительно Gmail по умолчанию блокирует автоматическую загрузку изображений в email-письмах из соображений безопасности и конфиденциальности. Пользователи могут самостоятельно разрешить загрузку изображений в письмах, если доверяют отправителю.
6 бесплатных онлайн-сервисов для сжатия картинок
Если вам нужно уменьшить картинку для email-рассылки, вот несколько популярных онлайн-сервисов, которые помогут с этой задачей. Все сервисы бесплатные и не требуют регистрации для использования.
1. TinyPNG и TinyJPG 一 одни из наиболее популярных сервисов для сжатия изображений с сохранением высокого качества. Поддерживают форматы PNG, WebP и JPEG. После оптимизации сервисы показывают, насколько удалось уменьшить вес картинки.
2. Compressor.io — ещё один удобный онлайн-сервис. Поддерживает сжатие файлов в форматах JPEG, PNG, GIF и SVG.
3. Optimizilla — простой и удобный сервис для сжатия изображений онлайн. Вы можете загрузить несколько изображений сразу и настроить уровень сжатия для каждого из них. Работает с форматами JPEG, GIF and PNG.
4. Iloveimg — онлайн-инструмент для сжатия изображений без потери качества. Сервис поддерживает различные форматы изображений, такие как JPEG, PNG, GIF и SVG, и позволяет выбирать уровень сжатия в зависимости от потребностей пользователя. Изображения можно загружать с компьютера, «Google Диска» или Dropbox.
5. Webresizer — онлайн-сервис, предназначенный в первую очередь для изменения размеров изображений. Сервис позволяет уменьшить разрешение картинки, обрезать её, поворачивать, изменять качество и формат. Webresizer поддерживает различные форматы файлов, такие как JPEG, PNG, WebP, GIF.
После оптимизации пользователь может скачать изображение или нажать кнопку Resize и отредактировать изображение: поменять высоту и ширину, повернуть изображение, отразить картинку по горизонтали или вертикали или выполнить обрезку.
6. WebsitePlanet — онлайн-инструмент, который позволяет сжать изображение без потери качества. С помощью WebsitePlanet Image Compressor пользователи могут загружать изображения различных форматов (например, JPEG, PNG, GIF) и сжимать их. Можно выбрать степень сжатия для достижения оптимального баланса между качеством изображения и его размером.
При использовании любого из этих сервисов стоит помнить, что, несмотря на их обещания, сжатие изображений иногда может привести к потере некоторого качества — обязательно проверьте итоговый результат перед использованием в email-рассылке.
Советы по оформлению рассылки
Вот несколько советов по выбору подходящих изображений для email-рассылки.
1. Выбирайте качественные и уникальные изображения. Важно использовать изображения максимально высокого качества, чтобы они выглядели чёткими и привлекательными. Добавляйте в рассылку оригинальные изображения или бесплатные стоковые фотографии высокого разрешения.
Подробнее про выбор изображений можно узнать в статье «Подбираем картинки для письма и оформляем email-рассылку с помощью изображений».
2. Следите за шириной баннеров на всех устройствах. При использовании баннеров в email-рассылке следите за их размером. Рекомендуемый размер баннера не должен превышать 600–700 пикселей в ширину. Это нужно для корректного отображения на всех устройствах.
3. Придерживайтесь стандартных размеров для изображений и иконок в письмах. Стандартные размеры изображений для вёрстки email-рассылок могут варьироваться в зависимости от конкретного шаблона и дизайна, но в целом существуют следующие рекомендации:
Изображения с содержимым:
- Ширина до 600 пикселей, высота с учётом пропорций.
- Изображения для основного контента письма могут иметь ширину от 500 до 600 пикселей, чтобы хорошо смотреться на различных устройствах.
Баннеры и изображения-заголовки:
- Размер баннеров обычно не превышает 600–700 пикселей в ширину и 200–300 пикселей в высоту.
- Высота баннера может меняться в зависимости от дизайна, но стоит учитывать необходимость вертикальной прокрутки на мобильных устройствах.
Иконки и логотипы:
- Иконки обычно имеют размер от 16x16 до 48x48 пикселей.
- Логотипы лучше всего смотрятся при ширине от 150 до 200 пикселей.
Фоновые изображения:
- Размер фоновых изображений должен быть достаточным для покрытия всей области фона.
- Рекомендуется выбирать изображения с минимальным количеством деталей и градиентов для улучшения скорости загрузки.
Помните, что при вёрстке email-рассылок важно учитывать адаптивный дизайн для различных устройств, так как изображения могут отображаться по-разному на компьютерах, планшетах и мобильных устройствах.
Подробнее про выбор размеров можно узнать в статье «Каким должен быть размер письма для email-рассылки».
4. Подходите осознанно к выбору контента. Изображения должны соответствовать тематике и целям вашего письма. Выбирайте картинки, которые поддерживают ваше сообщение и вызывают желаемые эмоции у аудитории.
Старайтесь не допускать вставки «случайных» и «проходных» картинок. Если картинка ставится не в качестве дополнения или иллюстрации к тексту, а просто чтобы была — смело её удаляйте.
Если подписчики рассылки делятся на несколько сегментов, для каждого из них можно подобрать свои изображения и настроить показ для выбранного сегмента. Такой функционал есть, например, у одной из ведущих российских омниканальных CDP — Sendsay. Платформа даёт возможность настраивать динамические блоки и закрывать потребности абсолютно любой аудитории в рамках одной рассылки. С помощью такого функционала можно, например, создать рассылку на 8 Марта. Для женщин подготовить поздравительное оформление и изображения, а для мужчин скрыть поздравительную часть и добавить блок с идеями подарков и ссылками на продукты компании.
Подробнее про сегментацию аудитории можно узнать в статье «Сегментация клиентов email-рассылки: как и для чего это нужно делать».
5. Оптимизируйте все изображения перед вёрсткой. Помните, что большие файлы могут замедлить скорость загрузки письма.
Следуя этим советам и учитывая стандартные размеры изображений для писем, вы сможете создать эффективную и привлекательную email-рассылку, которая не отправится в спам и не будет удалена пользователем.
