How to display higher-res thumbnails on Blogger

Question

All this time I\'ve been using to display thumbnails on my homepage, which outputs a 72x72 square image origina

Answer 1

Utilize the resizeImage operator to change image size without JavaScript. The code will look like -

<img expr:src='resizeImage(data:post.thumbnailUrl, 1600)'/> 

resizeImage(imageUrl, newSize, optionalRatio)

The resizeImage operator takes 3 parameters:

imageUrl - The original URL of the resizable image.
newSize - The new width of the image
(optional) ratio - The integer ratio of width to height for the resized image, e.g. “1:1” or “4:3”

Notes

If the imageUrl parameter is not a resizable image, the resizeImage function will return the original imageUrl.
The ratio must be integer numbers.
If the ratio is provided, the image will be cropped to those exact dimensions.