Преобразовать верстку в инлайновую

Question

[Rhaps107]

Если заглянуть в красивое html-письмо какого-нибудь например hh.ru, но и не только у него, можно увидеть, что верстка там сделала инлайново: для каждого элемента задан стиль в атрибуте style, без использования классов. Оно и понятно, для чего так: почтовые клиенты вырезают всё кроме style.
Хотелось бы узнать, есть ли какой-то механизм, который позволит на вход подать «правильную» и аккуратную верстку на классах, а на выходе получить вот такое инлайновое месиво. Что-то, связанное с движком webkit, например. Есть же wkhtmltopdf, которая чудесно рендерит pdf-ки.
Хочется отправлять красивые html-письма, но верстать каждый элемент инлайновым стилем желания нет.

Answer 1

[pxx]

Даже если вы перенесете все стили в инлайн, это не решит и половины проблем с почтовиками.
Был у меня опыт верстки почтовых рассылок, полный печали и ненависти. И он подсказывает, что если письмо — это чуть больше, чем просто несколько заголовков и параграфов, то только переверстывать, только таблицами и только с минимальным безопасным количеством стилей.
Самая основная группа риска: Outlook всех версий.
Желаю вам удачи, крепких нервов и, желательно, Litmus в помощь.
На хабре когда-то было несколько неплохих статей по теме.

Comments

[Rhaps107]

Спасибо. А можно воспользоваться вашим опытом: как лучше отправлять картинки в html — вложениями или грузить их прямо из html? Вложениями: картинки показываются без включения опции «загружать удаленное содержимое» в гмейле, но при этом вообще не показываются в thunderbird. Если прямо из html: gmail и thunderbird показывают, но просят разрешить загрузку удаленного содержимого.

[Денис Инешин]

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

[pxx]

Я согласен с IonDen, лучше вставлять как <img src="..." alt="..." /> и, пожалуй да, с отдельного сервера.