I see that image optimization is present in the Ghost but is there any way we can serve scaled images for the sizes we’ve mentioned in the themes? Event we want to show a 64 x 64px image, Ghost loads the full image (may be 800 x 600).
If this feature isn’t available till now, is there any alternative ways we can apply to a Ghost theme?
If you are on a tight budget, you can rescale and optimize your images locally. We use this (older) recommendation by Google to optimize our images using ImageMagick’s convert utility: 画像を最適化する | PageSpeed Insights | Google Developers
For JPEGs it gives the following example which is perfect for our use site: convert puzzle.jpg -sampling-factor 4:2:0 -strip -quality 85 -interlace JPEG -colorspace sRGB puzzle_converted.jpg
We use this in a cron job running every few minutes on the new image files.
If you know that you always need the images in 64x64 pixels you can first scale them with convert, too. This way we produce different sizes of the same image in separate directories, which are size-optimised for e.g. Facebook.
The newer recommendations of Google can be found here and include local solutions as well as services such as Cloudinary: web.dev