Что делать, если у пользователя картинки в почте не открываются
Иногда бывает так, что у пользователя картинки в почте не открываются. Это связано с тем, что большинство десктопных почтовых клиентов (Mozilla Thunderbird, Outlook 2007-2016) по умолчанию блокируют загрузку изображений. Так же поступают и веб-интерфейсы Yahoo, Outlook.com и Gmail, если сочтут отправителя ненадёжным или контент письма сомнительным. Чтобы показать изображения, и те и другие требуют подтвердить их загрузку.
Очень важно мотивировать пользователя загрузить картинки, ведь они делают письмо привлекательным и помогают получить достоверную статистику открытий через трекинг-пиксель.
Но даже если у пользователя картинки в почте не открываются, письмо должно отображаться корректно, быть читабельным и понятным по структуре.
Что делали раньше
Примерно 4 года назад Gmail не загружал картинки по умолчанию. Тогда маркетологи, чтобы мотивировать его пользователей прогрузить их, использовали «мозаичную вёрстку»: прописывали в html-коде таблицу, ячейки которой заливали цветами изображения. Она отображалась вместо заблокированной картинки и представляла собой её пиксельную версию. Это помогало показать задумку письма и стимулировало прогрузить полноценные картинки, чтобы посмотреть их в хорошем качестве.
Такой приём значительно увеличивал код письма и затруднял мобильную адаптацию. Поэтому в современной емейл-вёрстке его не используют.
Что делать теперь
Сегодня мобильная адаптация и удобство взаимодействия с письмом вышли на первое место. Чтобы помочь пользователю сориентироваться даже в письме с отключёнными картинками, следуйте нашим советам.
Прописывайте alt-тексты изображений
Тогда, если картинки в почте не откроются, подписчик увидит на их месте описания. Они укажут, где предусмотрены изображения, и объяснят, что картинки должны были показать.
Учтите, что весь текст письма нужно прописывать в html-коде именно текстом, а не вставлять изображением. Иначе пользователь увидит письмо, состоящее только из незагруженных картинок.
Атрибут alt в вёрстке обязателен. То есть он должен присутствовать в html-коде, даже если вы не собираетесь прописывать его значение. Тогда он будет выглядеть так:
Размер alt-текста должен быть не больше ширины изображения, для которого его прописывают. Theoutnet не уследили за этим — альтернативные тексты их иконок соцсетей наезжают друг на друга.
Прописывайте стилизацию alt-текстов
Если картинки в почте не открываются, их alt-текст должен гармонировать с остальным текстом и элементами письма. Поэтому пропишите для «альта» такие же или сочетающиеся стилевые свойства: цвет, гарнитуру и размер.
Разберём на нашем письме. Основной его текст набран 16-м шрифтом семейства Arial, чёрным цветом. Тогда alt-текст логотипа следует сделать такого же размера и набрать тем же шрифтом. Но цвет выберем серо-синий — такой же, как цвет самого логотипа. Так мы сохраним общий дизайн письма.
Письмо с загруженными картинками
Письмо с отключёнными картинками
Html-код тогда будет выглядеть следующим образом:
Прописывайте размеры и фон, если картинки в почте не открываются
Чтобы вёрстка не поехала, пропишите для изображений фактические ширину и высоту в пикселях. Тогда, даже если картинки в почте не откроются, пользователь увидит читабельное, структурированное письмо.
Но при вставке изображения, которое должно адаптироваться методом масштабирования, его ширину следует прописывать в процентах от родительского элемента. Высота при этом рассчитается автоматически, исходя из пропорций картинки. В таком случае масштабируемое изображение подстроится под размер адаптивного письма и гармонично в него впишется.
Пропишите альтернативный цвет для фонового изображения. Иначе,если картинки в почте не откроются, текст может слиться с фоном и стать нечитабельным.
Также позаботьтесь о сохранении цветовых акцентов на элементах. Для этого пропишите в вёрстке фоновый цвет элемента, который хотите выделить. Тогда акцент сохранится даже в режиме отключённых картинок.
В письме ниже компания прописала альтернативный серый цвет для фона кнопки «Ещё», голубой цвет для общего фона и серый цвет для подложки блока текста. Теперь, даже если картинки в почте не откроются, пользователь всё равно увидит акцент на кнопке и цветовую концепцию письма:
Итак, чтобы у пользователя отображалось структурированное и читабельное письмо, даже если картинки в почте не открываются:
- прописывайте alt-тексты изображений;
- следите, чтобы они помещались в ширину изображения;
- прописывайте стилизацию alt;
- прописывайте ширину и высоту изображений;
- прописывайте альтернативные цвета для фоновых изображений и элементов, акцентированных цветом.
Всегда думайте, как подписчик будет взаимодействовать с вашим письмом. Сделайте так, чтобы ему было удобно, и тогда вы выделитесь среди конкурентов. Не позволяйте отключённым картинкам всё испортить, как это было у Booking. А чтобы сделать емейл ещё привлекательнее — прочитайте семь наших советов.
Не отображаются изображения в письмах на mail.ru
Здравствуйте. Пожалуйста, воспользуйтесь формой https://help.mail.ru/surveys/claims и пришлите полноэкранные скриншоты с отображением ситуации, а также опишите её подробно.
Специалисты постараются помочь вам.
Остальные ответы
напишите в поддержку. mail.ru
СолнышкоПрофи (533) 4 года назад
Wild and FreeЗнаток (388) 4 года назад
хороший вопрос. ) сейчас посмотрю где она находится. и вам отвечу.
Wild and FreeЗнаток (388) 4 года назад
зайдите на вашу почту. новое письмо. в строке кому. Mail.Ru Support Team.
Для ответа, который бы вас удовлетворил, необходимы уточнения и дополнения с вашей стороны.
Если изображений нет вообще везде на любых сайтах в интернете (и на Майл. ру тоже), то в настройках своего неназванного браузера надо включить отображение изображений.
Если изображений нет только в некоторых письмах Майла, а в других письмах они есть, то значит Майл заблокировал загрузку изображений в этих письмах по соображениям безопасности (например, чтобы отправитель письма не смог определить факт прочтения вами письма или определить ваш ip-адрес).
Если изображений нет во всех письмах, то возможно вам надо очистить временные файлы в вашем неназванном браузере и попробовать еще раз.
Если же у вас еще что-то, то вы можете попытаться написать комментарий к моему ответу.
СолнышкоПрофи (533) 4 года назад
Повторюсь проблема не в браузере, про открытии писем с телефона картина та же.
Проблема только в письмах на mail ru, на других сайтах всё отлично.
Изображений нет во всех письмах.
Ниже фото как выглядят например письма с booking.com
а блокировщик рекламы в браузере, расширение или плагин какой-то установлены?
значит это проблема на стороне того сайта откуда приходит вам эта рассылка
СолнышкоПрофи (533) 4 года назад
Вы имеете в виду всех сайтов с которых приход рассылка и mail в том числе.
Снежана Котова Мастер (1438) у вас на скрине только одно письмо было поэтому подумала что проблема с тем сайтом, а какие пиьсма от майла выглядят так же?
Не открываются фото .jpg, скачанные из почты Майл. ру стандартным просмоторщиком Windows
Скачиваю фотографии архивом или по отдельности каждое фото в формате .jpg.
При открытии фото «Средством просмотра фотографий Windows» фото не открывается, только такая надпись: см. вложение
Другими приложениями для просмотра фото открываются.
Если фото попадает на ПК с интернета или скачено не через почту — все прекрасно открывается.
Что делать? Мне нравится стандартный просмоторщик «Средство просмотра фотографий Windows»
Дополнен 2 года назад
Дополню: не открываются фото, сделанные телефоном, отправленные почтой Майл. ру и скачанные оттуда на ПК. Если это же фото перемесить на ПК шнурком через ЮСБ — все прекрасно открывается. Создается впечатление что Майл вносит изменения в фото ))
Лучший ответ
Здравствуйте. Пожалуйста, запишите на видео, как именно вы скачиваете и затем открываете фотографии (для этого можно воспользоваться, например, программой Bandicam — https://www.bandicam.com/downloads/) и пришлите видео через форму https://help.mail.ru/surveys/claims — специалисты службы поддержки проверят ситуацию.
Остальные ответы
вводите название ошибки в гугле и ищите
Сталкивался с таким ранее. Помогало такое: открываете фото, которое открывалось (поместите в папку с др. фото) и далее все фото другого формата в этой папке откроются
Не открываются фото на mail.ru. В чем причина и как исправить?
Причины вашей проблемы могут быть совершенно разные. От мощности и скорости вашего компьютера до его настроек и браузера, через который входите в инет. А так же и заражение вирусами весьма возможно. Возможно, у вас низкая скорость закачки. Попробуйте посмотреть в другое время, когда на сайте будет мало народа. Утром, например. Признаки низкой скорости — очень медленно открываются страницы, не видно ни своих, ни чужих фото, видео прерывается, музыка звучит с остановками. Если так, то нужно менять тариф или провайдера.
Возможно, просто сбой на сайте.
Если вы не видите фото, то в зависимости от браузера, проверяйте настройки.
Опера — настройки – на верхней панели, инструменты, включить изображение.
Internet Explorer
«Сервис» — на верхней панели, «Свойства» — внизу, «Дополнительно»- вверху справа, «Мультмедиа» -все галки должны быть проставлены, «ОК».
В браузере Mozilla Firefox .
Сверху в браузере «Инструменты» >> «Настройки» >> «Содержимое» правее от «Автоматически загружать изображения» Если это не поможет, то, попробуйте через другой браузер.
Скачать браузер.
Opera http://www.opera.com/
Mozilla Firefox http://ru.www.mozilla.com/ru/
Internet Explorer http://ie8.mail.ru/
Самый подходящий для этого сайта Internet Explorer