Как вставить картинку в outlook

Украсьте свои сообщения электронной почты, добавив встроенные картинки

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

Инструкции в этой статье относятся к версиям Outlook 2019, 2016, 2013, 2010, 2007, 2003; Outlook для Office 365 и Outlook.com.

Проверьте размер вашего файла изображения и сжатие

Во-первых, вы должны проверить, что ваше изображение сжато, чтобы у вас не было проблем с отправкой по электронной почте. Сжатие сокращает размер файла, чтобы почтовые системы могли с ним справиться (у них часто есть ограничение размера файла для сообщений, и если ваше изображение слишком велико, оно не пройдет).

Если ваше изображение большое, возможно, потому что оно оригинальное, есть инструменты для сжатия изображений. Вы также должны изменить размер изображения для электронной почты. Как только вы уменьшите его до приемлемого размера, вы можете выполнить следующие действия, чтобы вставить его в свое сообщение.

Вставьте изображение в сообщение Outlook

Чтобы добавить встроенное изображение в сообщение, выполните следующие действия для Outlook 2019, 2016, 2013, 2010 и Outlook для Office 365. См. Разделы ниже, если у вас есть Outlook 2007 или Outlook 2003.

  1. Начните новый адрес электронной почты . Ваше сообщение должно быть в формате HTML. Затем выберите Форматировать текст в новом письме.

  2. В разделе Формат выберите HTML .

  3. Выберите Вставить . Поместите курсор в теле сообщения, где вы хотите разместить изображение.

  4. В разделе Иллюстрации выберите Картинки .

    Вы можете искать изображения в Интернете, не выходя из Outlook, выбрав Онлайн-изображения , в результате чего появится поиск изображений Bing. Вы также можете найти изображения в своей учетной записи OneDrive.

  5. Когда вы найдете изображение, которое хотите использовать, выберите его и нажмите Вставить .

    Вы можете вставить несколько изображений одновременно, удерживая клавишу Ctrl и выбирая каждое изображение, которое хотите включить.

  6. Отрегулируйте размер изображения, удерживая один из маркеров изображения по его краям, а затем перетаскивая его. Он будет масштабироваться больше или меньше при перемещении ручки.

  7. Нажмите кнопку Параметры макета (она появляется при выборе изображения), чтобы отобразить варианты взаимодействия изображения с окружающим текстом. В строке с текстом выбран по умолчанию и выравнивает нижнюю часть изображения по строке текста в точке вставки.

  8. Параметры С обтеканием текстом включают в себя обтекание текста вокруг него, за ним, перед ним и другие действия. Эффект зависит от формы вашего изображения. Выберите вариант, который подходит вам.

Как вставить изображение в Outlook 2007

Выполните следующие действия, чтобы добавить изображение в сообщение в Outlook 2007.

  1. Запустите новое сообщение и установите для него форматирование HTML, нажав Параметры , а затем в разделе Формат ленты выберите HTML .

  2. Нажмите Вставить . Поместите курсор в текст сообщения, в котором вы хотите разместить изображение, и нажмите Изображение в меню ленты.

  3. Найдите изображение, которое вы хотите вставить, и выберите его. Нажмите Вставить .

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

  4. Ваше изображение появится в вашем сообщении в месте расположения курсора.

Как вставить изображение в Outlook 2003

Выполните следующие действия, чтобы вставить изображение в сообщение электронной почты в Outlook 2003.

  1. Начать новое сообщение. Установите его в формат HTML, нажав Формат и убедившись, что HTML в меню отмечен.

  2. Поместите курсор туда, где вы хотите, чтобы изображение появилось в теле вашего сообщения.

    Нажмите Вставить > Картинку .

  3. Нажмите Обзор.

  4. Найдите изображение, которое вы хотите вставить. Выберите изображение и нажмите Открыть .

  5. Вернувшись в диалоговое окно «Изображение», вы можете ввести альтернативный текст, выбрать выравнивание изображения и другие параметры, если хотите.

    Outlook 2003 не предлагает перенос текста так же, как в более поздних версиях. Чтобы выполнить перенос текста, используйте параметры раскрывающегося списка Выравнивание . Например, выбрав Левый , выровняйте изображение вдоль левого поля и оберните текст вокруг него.

  6. Нажмите ОК . Ваше изображение теперь в вашем сообщении.

Как вставить изображение в сообщение Outlook.com

Вставить встроенное изображение на Outlook.com несложно, хотя у вас не так много вариантов форматирования изображения, как в версиях программного обеспечения Outlook.

  1. Ваше сообщение должно быть в формате HTML, чтобы вставить встроенное изображение, которое является состоянием по умолчанию. Если меню предлагает Переключиться на HTML , выберите его. Открыв свое сообщение, нажмите кнопку меню Параметры .

  2. Поместите курсор в ваше сообщение, где вы хотите поместить изображение.

  3. На панели параметров под своим сообщением и на панели форматирования выберите Вставить картинки в строку .

  4. Выберите изображение, которое хотите вставить, и нажмите Открыть .

  5. Изображение появится в вашем сообщении.

Изображения способны не только максимально точно и наглядно передавать информацию. Правильно подобранная фотография или картинка может вызвать нужные эмоции, передать знания, побудить к действию и даже привести пользователя к покупке. Благодаря этому изображения, как формат контента, прочно закрепились в интернет-маркетинге. А в email-маркетинге всё чаще предпочтение отдается красиво сверстанным брендовым шаблонам email сообщений.

Какие же есть способы размещения картинок в письме, какие при этом могут возникать трудности и как их решить? Об этом далее в статье.

Зачем создавать HTML письмо с картинками?

Как вы думаете, какая рекламная рассылка сработает эффективнее: простое текстовое сообщение или HTML шаблон с красочными завлекающими изображениями? Определенно – вторая. И вот почему:

  • вся информация, которую мы воспринимаем, на 90% является визуальной и обрабатывается в 60 000 раз быстрее обычного текста;
  • для 46,1% людей основным показателем доверия к бренду является дизайн его сайта, рассылки и т.д.;
  • визуальный контент повышает вовлеченность клиента. Например, Pinterest генерирует больше реферального трафика бизнес компаниям, чем Google+, LinkedIn и Youtube вместе взятые.

    источник данных blog.hubspot.com

Поэтому сегодня более 70% массовых почтовых рекламных кампаний оформляются в брендовый красивый шаблон в HTML формате. Именно использование HTML дает возможность вставить изображение в письмо (а также видео, gif файл и другие виды визуального контента).

Картинки не отображаются в письме: решение проблемы

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

Чтобы картинки в письме не сыграли с вами злую шутку, важно изучить поведение активных подписчиков по отношению к вашей рассылке. Вы должны знать, какие почтовые клиенты они используют и какой тип изображений они чаще выбирают (кликают).

Проанализировав эти данные и собрав дополнительную информацию, вы поймете:

  • на какие почтовые клиенты ориентироваться при создании картинок;
  • какой должен быть оптимальный размер изображений для них;
  • как они обрабатывают ALT-текст;
  • и по какому принципу работает функция «не показывать картинки».

Как вставить картинку в письмо

Существует два способа добавить изображения к сообщению в HTML формате:

  1. Указать ссылку на картинку.
  2. Прикрепить картинку к письму.

Ссылка на изображение. Загрузка с сервера

Ссылка на изображение в ваших электронных письмах работает аналогично тому, как изображения появляются на любом сайте. Вы должны добавить строку к вашему HTML коду, которая определяет источник изображения для отображения.

Пример:

<img src=»http://www.yoursite.com/images/picture.jpg»>,
где значение «src» означает источник картинки.

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

Плюсы:

  • Наличие картинки никак не влияет на размер письма.
  • Вставить ссылку на картинку – это быстро и просто.
  • Можно изменить картинку на сервере и она изменится в письме.
  • Ваша картинка уже имеет определенный размер (ширину, высоту), которая не изменится почтовыми сервисами.

Минусы:

  • Некоторые почтовые клиенты, например, Outlook, могут блокировать изображения, вызываемые ссылками.
  • Если ваш сайт не работает или перезагружается в момент прочтения письма, картинка не отобразится.
  • Если просмотр будет осуществляться без подключения к интернету, изображение не загрузится. Это случается, когда получатель подключен к интернету через модемную связь и использует программу почтового клиента.

Как прикрепить изображение к письму

Прикрепить картинку к письму = вставить изображение непосредственно в электронное письмо.

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

В HTML коде письма это будет выражено строкой: <img src=»picture.jpg»>.

Плюсы:

  • Изображение никуда не исчезнет из письма, что бы не происходило с вашим сайтом.
  • Отображается всеми почтовыми программами.
  • Вам не нужно вечно хранить все картинки на сервере.

Минусы:

  • Вес письма значительно увеличится.
  • Некоторые почтовые сервисы могут по умолчанию скрывать картинки, требуя от пользователя нажать «Показать картинки».

Размер картинки для email рассылки

Идеальный вариант, чтобы картинка, которая подгружается или внедряется в письмо, уже имела нужный размер. Тогда, в случае, если картинка не отобразится, её место займет пустой белый прямоугольник такого же формата – а значит верстка текста и письма в целом не пострадает.

Пример:

В противном случае, размеры картинки соблюдены не будут, что может негативно отразиться на общей верстке email сообщения:

При использовании HTML атрибута «src» вы можете прописать вручную ширину и высоту изображения. Для этого используют параметры width (ширина) и height (высота).

Пример кода:

<img src=»http://www.yoursite.com/images/picture.jpg» width=»250″ height=»95″ alt=»Логотип»>

Примечание: при изменении размера картинки важно соблюдать пропорции. Чтобы не путаться в математических расчетах, можно добавить только один параметр – width (ширину). А нужную высоту почтовый сервис подберет автоматически при загрузке картинки.

Некоторые почтовые сервисы игнорируют прописанные вами вручную параметры картинки. Поэтому мы всё же советуем изначально подготовить изображение в нужных размерах, а потом добавлять его в письмо.

Вы, наверняка, обратили внимание на параметр alt=»Логотип» из примера выше.

Как правильно заполнять alt и title для картинок

ALT- текст – это фактически информация для пользователя о том, что должно быть на картинке, которую он по какой-то причине не видит.

Пример:

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

Советы email-маркетологов на эту тему просты и логичны:

  • Не писать на изображениях важную информацию, без которой будет непонятен смысл рассылки.
  • Не отправлять всё письмо единой картинкой.
  • Не использовать больших фоновых изображений: у одной части получателей такой фон просто не будет виден, у другой — будет повторяться по ширине и высоте письма.

Вставить картинку в HTML письмо с помощью ePochta Mailer

Если вы не знаете HTML и не планируете его изучать, рекомендуем воспользоваться специальным программным обеспечением, подобно ePochta Mailer. Такая программа для рассылок позволяет легко и быстро добавлять изображения в письмо, без «копания» в коде.

3 шага добавления картинки

В процессе создания шаблона в ePochta Mailer вы подошли к этапу, когда нужно добавить изображение.

  1. Выбираете на панели программы меню «Вставить».
  2. Внутри этого меню выбираете опцию «Рисунок».
  3. В диалоговом окне, которое появится, с помощью кнопки «Обзор» загружаете изображение с компьютера в программу. Строку «Текст для замены» заполняете alt-текстом.

Работа с кодом: картинка средствами HTML

Если вы планируете загружать в письмо изображения со своего сайта, переходите на специальную вкладку «HTML код” в окне программы и добавляйте код по примеру

<img src=»http://www.yoursite.com/images/picture.jpg»>,

где src=»http://www.yoursite.com/images/picture.jpg» – источник картинки, абсолютная ссылка на изображение на вашем сайте.

И напоследок…

Установите все популярное программное обеспечение переписки по электронной почте на вашем компьютере — Outlook, The Bat!, Eudora, и т.д.

Перед отправкой рассылки, отправьте письмо на свои почтовые аккаунты. Удостоверьтесь, что при использовании различных почтовых клиентов, различных бесплатных почтовых учетных записей, различных web-браузеров и типов Интернет-подключений, ваше изображение правильно отображается.

<<Вернутся назад, в раздел «Полезные статьи»

Добавить комментарий

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