Image block tips

When using the ‘Image’ block always check the ‘Constrain Image Size’ box and give your image the right dimensions. This is good coding practise, good for SEO and good for page speed because it shows the actual image dimensions in the source code, which is missing by default.

To help with ‘Retina’ devices make your image sizes half of actual ‘File’ size.


View Replies:
Steevb replied on at Permalink Reply
Small bump. Anyone tried it?
MrKDilkington replied on at Permalink Reply
Hi Steevb,

When you constrain the image, an img tag is used to display the image. Without constraining the image, a picture tag is used.

I've thought about being able to resize the image, but still use the picture element.

There are a lot of variables involved though, including the size of the thumbnails.