Explore

Image Resize and Crop

This pack builds upon the findings of

Paul Danyliuk⁠

and specializes on cropping and resizing Coda hosted images.

Apply one of the three available formulas on a image stored on Coda (a image column). Does not work on image reference columns.

It uses

ImgIx capabilities⁠

and allows you to define a specific set of parameters to render an image. Choose from setting width or height only, or define a specific pixel dimension. Apply cropping effects, define fill colors, border radius and more.

⁠

Get the pack for free

⁠

Play with the controls

Pixel dimension

Set the size in pixels

250

Crop Mode

Define how the image will be cropped (optional)

Fill

Aspect Ratio

Define an aspect ratio (optional)

16:9

Face padding

If you set the Crop Mode to Face area, define a padding around the face (optional)

2.25

Fill Options

Define how to fill empty spaces on the image. Works with Crop Mode "fill" (optional)

Fill with gradient

Color fill

If you set to fill with solid color, define the color here. Accepts color keywords or hexadecimal values (optional)

Gradient Type

If you set to fill with gradient, define the type (optional)

Linear

Gradient color

If you set to fill with gradient, define the colors. Accepts two colors, either color keywords or hexadecimal values (optional)

2534f2,12f09a

Gradient Color Space

If you set to fill with gradient, select the color space for the fill (optional)

HSL

Gradient Direction

If you set to fill with gradient, define the direction (optional)

Bottom/Right

Mask type

Apply a mask to the image (optional)

Corners

Corner dimensions

If you set the mask to Corners, define the radius. Accepts one value to apply to all corners or a list of 4 values, to customize each side (optional)

60,0,80,0

Output format

PNG

Result image

⁠

1 of 1

⁠

Pack Icon by Yogi Aprelliyanto -

Flaticon⁠

× Sample image by

Ali Hadadi Kia⁠

, from

Unsplash⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.