How to avoid seeing images while browsing

Multiple ways to embed an image in a web page, the optimal approach to disabling images

Modern news websites tend to dilute meaningful content with large worthless images. Infinite scrolling, random contents and image stuffing are prominent trends in the modern web design.

bing.com can exemplify many websites where images take most of the space but add no informational value and can be disturbing:

The same contents cleared of all images:

Basically faces and generic images dilute and pollute the headlines.

cnn.com is a less extreme example, it has no infinite scrolling but displays even bigger images:

The same content without the images:

I guess some users would prefer to see contents without irrelevant illustrations. In this post I explore how to get rid of images in websites.

Adjusting browser settings to disable images on selected websites

Chrome settings chrome://settings/content/images allows blocking images on specified websites:

As a result, each image gets replaced with the broken image icon followed by the text value of the alt attribute the img tag. Videos continue to play: