Focal point demo

When resizing an image to a given width and height it is necessary to crop the image if the aspect ratio of the resized image differs from that of the original image. Setting a focal point gives you control over which part of the image should be kept when cropping.

For more information on all parameters of the resize operation visit the resize documentation.

Enter your image URL and select the focal point by clicking on the image.
Source image: Click to select the focal point!
URL
x
y
gravity
Example URL
300x50
Resized image with a width of 300 and a height of 50 pixels
50x300
Resized image with a width of 50 and a height of 300 pixels
300x100
Resized image with a width of 300 and a height of 100 pixels
100x300
Resized image with a width of 100 and a height of 300 pixels
400x225
Resized image with a width of 400 and a height of 225 pixels
225x400
Resized image with a width of 225 and a height of 400 pixels
400x300
Resized image with a width of 400 and a height of 300 pixels
300x400
Resized image with a width of 300 and a height of 400 pixels
400x400
Resized image with a width of 400 and a height of 400 pixels