Browse Docs

Cropping Images

HugoMods Authors March 25, 2023 1 min read Docs Markdown Crop

Crop an image to match the given dimensions without resizing.

On this page
Donate

Syntax

You must provide both width and height. Use the anchor1 option to change the crop box anchor point.

1![Crop Image](featured.jpeg?crop=[width]x[height],[anchor])
  • [width]x[height]: required.
  • [anchor]: optional.

Examples

Originali image
Original image

Examples
Crop Image
crop=200x200,TopLeft
Crop Image
crop=200x200,Top
Crop Image
crop=200x200,TopRight
Crop Image
crop=200x200,Left
Crop Image
crop=200x200,Center
Crop Image
crop=200x200,Right
Crop Image
crop=200x200,BottomLeft
Crop Image
crop=200x200,Bottom
Crop Image
crop=200x200,BottomRight

  1. The anchor determines the placement of the crop box. You may specify TopLeft, Top, TopRight, Left, Center, Right, BottomLeft, Bottom, BottomRight, or Smart. The default value is Smart. ↩︎

Resizing
Filling