Оптимизация
Картинки для письма
Уменьшаем размер и вес прямо в браузере: файл никуда не уходит, пока вы сами не нажмёте загрузку. После загрузки получаете постоянную ссылку и готовый тег для вставки в письмо.
Для письма шириной 600 px берите 1200 с ретиной.
80 процентов обычно неотличимы от оригинала.
Фотографии. Понимают все клиенты.
Ретина
В теге ширина будет вдвое меньше файла.
Перетащите картинки сюда или выберите файлы на устройстве.
Четыре правила, из-за которых чаще всего ломаются картинки
- Адрес всегда полный и по https. В письме нет базового адреса сайта, поэтому относительный путь просто не откроется.
- Атрибут width обязателен. Outlook не понимает max-width и растянет картинку до её настоящего размера.
- Текст в alt пишем осмысленный: у большинства получателей картинки по умолчанию выключены, и alt остаётся единственным, что они видят.
- Вес всего письма держим до 102 КБ вместе с кодом, иначе Gmail обрежет его и спрячет концовку под ссылкой.