Image block tips
Permalink
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.
Example: http://design.55websolutions.uk/retina-test...
To help with ‘Retina’ devices make your image sizes half of actual ‘File’ size.
Example: http://design.55websolutions.uk/retina-test...
Small bump. Anyone tried it?
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.
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.
