Изображения подписи электронной почты в формате HTML

Я создаю подпись электронной почты HTML для клиента.

Моя первая версия была создана с использованием полноразмерных изображений и style="width: X" в HTML-коде, который отлично работал на моем Mac. Однако Outlook это не понравилось, и изображения отображались в полном размере.

Моя вторая версия была сделана с использованием изображений, которые я создал в нужном размере. то есть логотип Twitter, который я создал в AI, был 25px X 25px. Все изображения отлично отображаются в Outlook. Однако качество выглядит не очень.

Может кто-нибудь подсказать, как сделать изображение маленьким, но качественным? Я пытался изменить DPI, но это снова увеличивает размер изображения.

FYI likeable.co.nz/… <— Я полностью согласен с этой статьей. Я использую электронную почту в виде обычного текста , любой HTML-код всегда является спамом... этот красивый логотип никогда не воспринимается как что-либо, кроме раздражающего, повторяющегося вложения с каждым письмом, которое я получаю.
@Scott Хотя я также согласен с этим, я думаю, что EmmaJ могла бы использовать некоторую информацию об экспорте изображений для электронных писем, поскольку они используются шире, чем специально упомянутые подписи электронной почты. Я думаю, что другие могли бы извлечь пользу из этого вопроса:)
:)@ JaneDoe1337 Устранение неполадок в Outlook похоже на попытку заставить IE6 понять современный веб-дизайн. удар вещь, которую вы хотите сделать.
@ Скотт, я чувствую, что вы как бы упускаете из виду суть вопроса, но мировоззрение здесь не является корнем проблемы. Пользователь упоминает DPI как возможное решение проблемы. Загрузка полноразмерных изображений также является плохой идеей, как я указал в своем ответе.
@ JaneDoe1337 Я здесь со Скоттом. Логотипы в подписях электронной почты очень быстро начинают раздражать, а Outlook, в частности, категорически противится чему-либо, кроме слегка стилизованного текста. Клиент (если он есть) должен либо смириться с небольшим, стабильным логотипом, либо не использовать его. Научиться возвращаться к клиенту и говорить: «Извините, это вам нельзя» — само по себе является навыком.
@LaurenIpsum Я думаю, что не могу донести свою точку зрения, поскольку я совсем не согласен со Скоттом. Я пытаюсь сказать, что OP не хватает некоторой базовой информации, которая может быть полезна для множества вещей, кроме подписей электронной почты. С удовольствием обсудим в чате :)
@ JaneDoe1337 Я понимаю, что вы видите .. Я думаю, что просто вижу «логотип Twitter», поэтому я думаю, что проблемы с разрешением изображения в целом второстепенны. Для меня основной проблемой является сам Outlook, а не тот факт, что это ненужный «логотип». Если бы вопрос касался изображения баннера в электронной почте или фонового изображения, мой ответ мог бы быть другим. Мне приходилось специально говорить клиентам: «Выберите одно... Поддержка iOS/Android ИЛИ поддержка Outlook, у вас не может быть обоих».
Я хорошо знаю, что многие люди не согласны с изображениями в подписях электронной почты, но лично мне они очень нравятся, как и моим клиентам. Я бы предпочел, чтобы горстка людей подумала, что моя подпись в электронной почте была «слишком тяжелой» или «спамом», чем все остальные упустили бы мой логотип и ссылки на социальные сети, которые действительно помогают повысить узнаваемость моего бренда. Любые советы о том, как я могу сделать свои изображения более четкими при небольшом размере, будут высоко оценены.

Ответы (1)

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

DPI используется только в печати, с экранной графикой это не имеет значения. Имеет значение только количество пикселей. В AI убедитесь, что вы используете функцию «экспорт для экранов». Вы можете изменить масштаб своего изображения там, если вам нужно экспортировать несколько масштабов или создать больше, чем то, что вам нужно экспортировать. Больше информации об этом вы можете найти здесь .

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

Спасибо - это действительно полезный ответ! Я попробую экспортировать для экранов. Мне удалось получить векторные изображения нужного размера, но они также сильно потеряли качество, когда я уменьшил их. Правильно ли я думаю, что если я использую большие изображения, но уменьшаю их, качество будет лучше? Спасибо!
Изображения подписи электронной почты в формате HTML
СпросиСетьПолитика конфиденциальности1y, 0v