Media

Optimizing media for every conceivable use case would take forever. Nobody has time for that. I'ts better to manipulate and optimizes your media on the fly, so as you add uses cases your media adapts to fit, not the other way around.

Each media item in your database has a unique URL made of of:

Image Manipulation

Image manipulations are formatted as a standard URL search string:

Configurable properties are:

Width

Set the width of the image, in pixels. For example:

Height

Set the height of the image, in pixels. For example:

Fit

When you set both a width and a height, the fit property lets to control how your image fits within that space. Possible values are:

• cover: Make sure the image covers the width and height by cropping it to fit.
• contain: Contain within both provided dimensions using "letterboxing" where necessary.
• fill: Stretch the image to the width and height.

For example:

Position

When your image is being cropped or letterboxed, you can use the position to control where the image is placed.

The default value is center, other options are:

• top
• left
• bottom
• right

For example: