Как создать графику для электронной почты

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

1

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

2

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

3

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

4

Включите альтернативный текст к вашим изображениям для слепых и тех, кто настроил свои почтовые клиенты, чтобы не показывать изображения. Добавьте параметры, такие как "alt =" Map to school "" (исключая внешние кавычки), к той части HTML, которая ссылается на графику, или используйте свою программу для веб-дизайна, чтобы добавить альтернативный текст.

5

Проверьте свою электронную почту, отправив электронные письма нескольким получателям. Убедитесь, что хотя бы один из ваших тестовых получателей использует все основные веб-браузеры, включая Internet Explorer, Mozilla Firefox, Google Chrome и Safari для Apple и Windows. Также проверьте свою электронную почту в нескольких почтовых клиентах, убедившись, что графика письма отображается и вписывается в окно предварительного просмотра.

Недавние Посты

$config[zx-auto] not found$config[zx-overlay] not found