Thumbnail be the same image as main, only rotated, without multiplying image files!

My products are very tall and narrow.

So my thumbnails are exactly the same as my base product image, except rotated 90degrees, to fit better in cart, search results etc.

I would have hoped that I could configure that in view.xml, so only 1 image is uploaded per product and then a rotated version is created in image cache.

       <image id="recently_viewed_products_list_content_widget" type="image">
            <width>320</width>
            <height>200</height>
            <angle>90</angle>
            <transparency>true</transparency>              
        </image>
        <image id="product_thumbnail_image" type="image">
            <width>96</width>
            <height>96</height>
            <angle>90</angle>
            <background>[255,255,255]</background>
        </image>

But it seems while that “angle” existed at some point and is still in the image transformations it was deprecated and does not work (everything dies) when put in view.xml 🙁

So at the moment I upload an upright and a sideways image. The same one just rotated. And since there’s many size variants, each one is mulitple times with endless _1_1_1
That’s a waste of space and bandwidth and time!

I HATE THIS!

What are my options?

  • css, but that’s a LOT of different places to customise?
  • extending view.xml to put angle back in?
  • cloudflare images or similar?