Каждое полученное подписчиком письмо должно быть праздником, чтобы с нетерпением ждать следующего. При этом очень важен не только текст, но и графические элементы. В этой статье мы рассмотрим, как вставить картинку в письмо почты, чтобы:
- привлечь внимание;
- задать общий вид сообщения;
- показать товар;
- сделать инфографику;
- повеселить и удивить подписчиков.
Чтобы письмо получилось красиво сверстанным, вам необязательно разбираться в HTML. Прежде всего крутую рассылку можно создать в удобном редакторе нашего сервиса. Для этого у нас реализованы блоки – для вставки картинки вам понадобятся базовые. При загрузке картинки в базовые блоки доступны различные настройки:
- замена изображения;
- обработка в фоторедакторе;
- вставка прямой ссылки на картинку;
- эффект Rollover (при наведении курсора мыши на фото оно сменяется другим);
- прикрепление ссылки к картинке;
- указание ALT-текста;
- выравнивание, изменение размера, растягивание по ширине, отступы;
- адаптивность (подстройка под ширину устройства).

После добавление картинки в блок поместите его в контейнер для группировки с другими блоками. Следующий шаг – структурирование контейнеров: расположение контента колонками, в шахматном порядке и пр. Как видите, добавить изображение и полностью сверстать письмо в сервисе DashMail весьма просто.
Далее для вашего удобства мы приведем примеры, как вставлять картинки в разных почтовых сервисах, чтобы у вас была инструкция на все случаи жизни.
Как вставить картинку в письмо в Яндекс.Почте?
Для начала давайте узнаем, как вставить картинку в письмо Яндекс не прикрепленным файлом, а поместив ее в тело письма. Это можно легко сделать через традиционный web-интерфейс, так как корпорация добавила возможность просто и быстро вставлять любые изображения в email-отправления.
Что для этого нужно? Всего пара шагов:
- Откройте редактор для написания письма.
- Можно просто скопировать любую нужную картинку из интернета и вставить ее в тело письма. Тот самый «Ctrl+C» и «Ctrl+V». Затем задайте размер и положение привычными инструментами во встроенном редакторе:
- Другой способ – кнопка «Добавить изображение», расположенная вверху на панели управления. Сервис предлагает 2 варианта: с устройства или ссылкой. С компьютера вы просто загружаете нужный файл, со ссылкой – вставляете ссылку на требуемое изображение.
- Также Яндекс.Почта предоставляет возможность вставить смайлы (отнесем их тоже теоретически к изображениям для простоты восприятия) через специальную кнопку:
Теперь вы знаете, как вставить картинку в письмо, если вы – активный пользователь почты Yandex. Сделать это можно в 1-2 клика.
Как вставить картинку в письмо в Gmail?
Не менее популярен сервис Gmail, в котором также можно быстро и просто вставлять в письма картинки, чтобы добавить интереса, информативности и прочих факторов, влияющих на восприятие. Здесь все аналогично предыдущему пункту:
- Также копируйте любую картинку и вставляете ее в письмо для последующего редактирования.
- Во встроенном редакторе присутствует отдельная кнопка для загрузки изображений, и она более функциональна, чем в Яндексе:
Сервис предлагает загрузку фото из альбомов, с устройства, из интернета:
Вы можете загрузить снимки, которые есть у вас в Google Фото:
Допускается загрузка из альбомов (также в сервисах Google):
Есть загрузка с компьютера:
Из интернета через вставку ссылки на изображение:
Разработчики позаботились, чтобы у пользователя было много вариантов, как вставить в письмо картинку, и это очень здорово, особенно если вам часто требуется сопровождать свой текст иллюстрациями.
Как вставить картинку в письмо в Mail.ru?
Статья-инструкция была бы неполной, если бы мы не рассказали о возможности вставки картинки в очень популярном сервисе Mail.ru. Здесь все очень схоже с уже описанными вариантами:
- Традиционный способ с копированием и вставкой. Нужно отметить, что в этом редакторе отсутствует возможность менять размер изображения после вставки, поэтому нужно искать сразу такую картинку, которая бы вписывалась по своим параметрам в email.
- Вставка картинки путем загрузки через кнопку на панели управления:
Возможностей для редактирования размеров также нет, учтите это при планировании и написании.
Как вставить картинку в письмо Outlook?
На повестке дня остался еще один важный вопрос: как вставить картинку в тело письма Outlook, если вы используете именно этот путь для отправки. Можно вставлять изображения с компьютера или интернета. Рассмотрим все возможности подробнее:
- Вставка рисунка из файла, который находится у вас на устройстве.
- Загрузите картинку традиционным способом. Интерфейс очень напоминает средства Word, поэтому разобраться, как вставить картинку в письмо Аутлук, будет несложно.
- Далее можно редактировать изображение и все письмо целиком посредством вкладки «Сообщение».
- Другой вариант – загрузка изображений из интернета старым способом («Копировать» и «Вставить»).
Это может быть полезно: чтобы сделать сообщение еще более интересным и привлекательным, можно не только вставить картинку в письмо Outlook, но и добавить GIF-файлы посредством функции «Вставка рисунка».
Подводим итоги по вставке изображений
Конечно, можно идти уже проторенным путем, который позволяет прикреплять файлы к письму. Такая функция есть практически в каждом сервисе отправки, однако этот вариант лучше использовать, когда вы отправляете сообщения уже «горячей» аудитории (это могут быть чек-листы, прайсы и пр.).
Хотите еще больше удобства во время создания рассылки? Тогда добро пожаловать в сервис почтовых рассылок DashaMail. У нас есть все необходимое, а главное – удобный редактор, где можно добавлять изображения за считаные секунды, не задумываясь о том, как вставить картинку в тело письма. Также хотим напоследок дать еще несколько актуальных советов:
- Если сервис предусматривает эту функцию, прописывайте SEO-параметры изображения – Alt-текст очень важен. Он позволяет сделать так, чтобы пользователь понял смысл картинки, даже если она не загрузится (например, из-за плохого качества интернета).
- Не рекомендуем делать текст картинкой, так как этот прием возможен только в исключительных ситуациях, когда не хватает места, например.
- Не злоупотребляйте вставкой картинок. Помните, что они могут не отобразиться, а еще иногда они становятся негативным сигналом для spam-служб.
- Не следует начинать письмо с картинки, которая растянута на весь экран. Только представьте, что изображение не загрузится у читателя, и он увидит просто пустой лист.
Да, картинки важны, но многие ваши подписчики могут их отключать специально, чтобы экономить трафик (или по другим причинам), поэтому обязательно тестируйте письма и оценивайте, как они отображаются в тех или иных ситуациях. В нашем проекте есть все необходимое для этого.