Remove Cloudinary Image Transformation and Use CSS for Thumbnail Styling

[Abh1noob]

Currently, our website uses Cloudinary URLs with transformation parameters (e.g., /image/upload/w_400,h_400,c_fill/v1745322004/tzcpzhzz6bkrnlh3r2qw.jpg) to generate 400x400 pixel thumbnails with a "fill" crop.

These transformations consume Cloudinary credits. To optimize costs, remove these transformations, uploading pre-sized thumbnail images (400x400 pixels) to Cloudinary, and using CSS to achieve the same visual effect (cropped, centered images) on our website.

[abhitrueprogrammer]

But this would increase the storage used since currently images aren't being stored , they are just being transformed. It would certainly add complexity. I am not sure which would be the optimal path though.