melon-images icon indicating copy to clipboard operation
melon-images copied to clipboard

Images with wrong ratio generated

Open georgringer opened this issue 9 months ago • 0 comments

currently using dev-task/typo3v12-compat and TYPO3 v12 and got an issue that the ratio is not really respected.

config

  tt_address:
    _all:
      image:
        variants:
          default:
            sizes:
              desktop:
                breakpoints: desktop
                width: 340
                ratio: 1/1
              tablet:
                breakpoints: tablet
                width: 300
                ratio: 1/1
              phone:
                breakpoints: phone
                width: 500
                ratio: 1/1

this occurs if the image is not changed in the backend but just assigned as media, however (!) if I use the regular f:image viewhelper, everything looks ok!

<f:for each="{address.image}" as="image">
            <melon:responsivePicture fileReference="{image}" variant="default" title="{address.fullName}" additionalImageAttributes="{loading: 'lazy', class: 'img-fluid w-100', width: '300'}" />
          <f:image image="{image}" cropVariant="tt_address___all__image__default__1/1" maxWidth="200" />
</f:for>

the images generated by melonimages are not 1:1 but 259x289 (when a 900x1000 image provided) but the regular ones are fine..

georgringer avatar May 23 '24 09:05 georgringer