There are a few functions to access data from or manipulate images. Not when you access an image like {{page.image}} it will return it's media id. In order to retrieve a URL of that image, or resize it, you must call a function off it. 


.getImage() turns a media ID into an image url. Any time the .getImage() is used it to serve an image it automatically applies a couple optimizations; it auto orients the image, strips exif data and compresses the image. You may also use this function to crop or resize images. Please note that we do not do highly specific optimizations for PNG or JPEG file types.

Looping Through an Image Field that has Multiple Images

When you setup an image datatype that has multiple images in it, use this parsley code to loop through those images.