Lately I have the constant the struggle of images being too large for the x device or too small for the y device or too many for the z device.
In reality, the problem is that, as long as there is an
img with a proper
src in a web page, it has to be rendered by the browser, you have no option nor power to control that.
Loading your images asynchronously will solve this problem but it will cost to SEO.
So I came with the idea of just including all the possible (or necessary) images as
anchors with links to those images instead, and then, depending on the device, present to the user only the images that he needs to see.
That way, I won't force the user to download unnecessary images and I will still have a reference to those images in my page for SEO purposes.
So, how do search engines handle
img tags and anchors with links to images? Is there a big difference in SEO value between them?
Considering of course that an
img will be replaced by an
anchor with the
title and the
alt as content.