How to crop images

[macCesar]

Is there a way to auto-crop images by setting width and height ??

<x-smart-image width="200" height="400" src="original-1920x1080-image-file" />

Maybe you can use the fit command to crop and resize at the same time and use a data-position attribute to set a position where cutout will be positioned, like:

• top-left
• top
• top-right
• left
• center (default)
• right
• bottom-left
• bottom
• bottom-right

BTW, Thanks for this excellent component!!!

[dietercoopman]

Hi @macCesar you can crop images with a template , this is an example using this configuration

return [
    'image' => [
        'path'      => 'smart',
        'templates' => [
            'crop' => [
                'resize'    => [null, 200, ['aspectRatio']],
                'crop' => [100, 100, 25, 25]
            ]
        ]
    ]
];

This is the result

Kind regards Dieter

[macCesar]

Excellent... Thanks 👍🏻