Panel Image Crop & Srcset

The CMS Questions
1

Ok, I am a little bit confused on where I should applying my cropping logic and implementing srcset, maybe someone could help me out here.

I have images in the panel with the default image block with cropping :slight_smile:

Screenshot 2024-05-02 at 12.24.50
Screenshot 2024-05-02 at 12.24.501592Ă—220 4.26 KB

My image.php file I have some logic to check if the image is cropped or not and output the correct ratio size but I am not sure if I am doing this is the right location or if this is something that should be happening in my config file, especially if I have instances where I would like to use srcset or thumbs.

<?php
$image = $block->image()->toFile();
$imageWidth = $image->width();
$imageHeight = $image->height();
$ratio = $block->ratio();
list($targetWidth, $targetHeight) = explode('/', $ratio);
$targetRatio = $targetWidth / $targetHeight;

if ($block->crop()->isTrue()) {
  if ($imageWidth / $imageHeight > $targetRatio) {
    $newHeight = $imageHeight;
    $newWidth = (int) ($imageHeight * $targetRatio);
  } else {
    $newWidth = $imageWidth;
    $newHeight = (int) ($imageWidth / $targetRatio);
  }
  $imageCrop = $image->crop($newWidth, $newHeight);
}

?>

<?= $imageCrop ?>
2

If you echo the resulting image, then you have no control over src and srcset, you would have to create an image tag with those attributes “manually”-