If this page runs in a high density device, you could see the difference between the two images.

This image is density aware, it loads the high resolution version when it runs in a high density device.

This image is NOT density aware, it always loads the default version no matter what device it runs in.

There's only one version of this image available, so the high density device tries first to load the high resolution version and then falls back to this version.

This image has a width value that is set from the css, and it will not resize in high density device

This image has a active state, when you press this image the src will be changed to the activeSrc property

The src property of this image is in data uri format, it won't load higher density version in high density device.

The SAP Logo image is set as background of the dom element. The letter 'P' is extracted from the logo by using the backgroundPosition. In order to display the high density correctly, the backgroundSize property needs to be set with the dimension of normal density version.