Email layout, two layouts?

Question

css

Good afternoon! I have the following problem. I am doing a test task, at this stage, layout of an email letter.
Please explain why I was given two layouts, one with a picture, the other without. I don’t understand how to make up, two layouts separately, or you can all in one and somehow track whether the pictures are disabled.
I will also be grateful for any advice on the layout of email letters. (Best practice for such layout)

Answer 1

I highly recommend a link to a bunch of useful resources, guides and research - https://habrahabr.ru/company/pechkin/blog/273677/
What mailers, what styles support - https://www.campaignmonitor.com/css/
emailframe.work framework to help.
https://habrahabr.ru/post/106387/ rake
https://habrahabr.ru/post/60420/ recommendations

Answer 2

Nuances of email layout?
coincidence?

Answer 3

I see that the question was asked a long time ago, so I would like to update the recommendations regarding email layout by the end of 2018. The layout
of interactive elements has become easier (you can use editors), and more and more clients support them stripo.email/ru/blog/interactive-email-newsletters /
Email accessibility trend (talking about people with disabilities) stripo.email/ru/blog/email-accessibility-guidelines-standards-best-practices/
A bit about fonts stripo.email/ru/blog/best-fonts-email-usage -tips-tricks/