I'm working on a WordPress template and trying to maintain perfect line width of ~70 characters. My blog has a lot of posts and most of the post contain at least one image per paragraph, usually more. So the site is quite media-heavy.
Screenshot above shows post content view with wrapper set to be 1140px wide, it's extremely hard to read as there are up to 150 characters per line. Maybe at first everything looks a-okay but in reality it's extremely tiring to read only after a few lines.
2. GOOD (?)
And here paragraphs are squashed to 700px what gives quite pleasant 50-80 characters per line.
In my opinion it looks quite alright but I'm not sure if it's okay if the images are so much wider than text (they're still at 1140px)? It looks fine at first but when I'm scrolling through 10 images per post my eyes are jumping from the middle of the page (text) to the left (images) and that's becomes irritating quickly. Or maybe I'm overreacting and everything is in order?
3. MIXED (?)
Justifying the text might help here a little but nobody wants to read justified text. Also I feel like the images are way too small a 700px width, everything looks really compressed. I think it might be even worse than point 1, but I'm not sure.
My question is - how to tackle this issue? Is number 2 okay in your opinion? Maybe I should change something? Typography is really hard and any hints would be highly appreciated!