---
title: "Changing contact page image crop"
canonical_url: https://support.digitalphotogallery.com/articles/article/e4768d46-08d5-11e7-ab7b-7a458206432c
short_url: https://dpg.support/aghm
category: "Websites > Pages"
locale: en
updated_at: 2020-07-03T15:05:10Z
source: Digital Photo Gallery Support
---

# Changing contact page image crop

Pages such as the *Contact* page or the *Text & Image* page allow you to add an image simply by adding it to the corresponding set. 

This image scales to look great on all devices, but standard 3:2 aspect ratio images can make information underneath them fall "below the fold".

DPG allows you to change the aspect ratio of any images added to this page and adjust their crops. You can use this to create a banner style image, which looks great on contact and information pages. The original image always stays the same and you can change the crop any time. 

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/20244aac-08ec-11e7-8793-269460a4cb02/712_support.jpg?generated=20170314192838)

Follow the guide below to change the aspect ratio and crop on a Contact page. The image shown is cropped to 16:9.}

### Add to set
{video:b387afee-08d5-11e7-925d-02daa0202684
Select your chosen image and add it to the correct set. In this example, we're adding an image to the **Main Image** set inside the **Contact** page set. 

### Preview the site
[▶ Video](https://cache.dpg.media/hyqelgcvfopo/videos/df05a69e-08d5-11e7-858f-269460a4cb02/f07e2d24-08d5-11e7-858f-269460a4cb02.mp4)
If you check your site now, you'll see the image appear at the top of the page. It's looking rather large, so let's change the aspect ratio.

### Change aspect ratio
[▶ Video](https://cache.dpg.media/hyqelgcvfopo/videos/21e90e8a-08d9-11e7-a606-02daa0202684/47468b1c-08d9-11e7-a606-02daa0202684.mp4)
Go into the Contact set which now contains the image. Open the **Image Profiles** panel and click on the **Version** drop down menu. You will see several versions that were created for this set. The two versions that you need to change are:

* Website image
* Website image @2x

Select the **Website image** version from the drop-down. Scroll down to the **Aspect ratio** menu. Choose your desired one. Click **Update** and wait for the page to load. 

Repeat the process with the **Website image @2x** version. 

> ⚠️ **Warning:** The standard and @2x versions work as a pair, you must change both to the same aspect ratio for the image to scale correctly.

### Adjust the crop
[▶ Video](https://cache.dpg.media/hyqelgcvfopo/videos/0e8d802a-08dc-11e7-884b-269460a4cb02/206a1c9a-08dc-11e7-884b-269460a4cb02.mp4)
Once you've changed the aspect ratio of the versions, you can adjust the crop of the image. 

Open the **Crop** panel and toggle the **Show crop tool** switch to the on position. Adjust the crop and click the **Crop** button. 

### The result
[▶ Video](https://cache.dpg.media/hyqelgcvfopo/videos/4e252cb0-08dc-11e7-bec0-02daa0202684/7020e368-08dc-11e7-bec0-02daa0202684.mp4)
Refreshing the same contact page now, we'll see the newly cropped 16:9 image. 

### Previewing versions in the admin
[▶ Video](https://cache.dpg.media/hyqelgcvfopo/videos/34ef709a-08f8-11e7-b2ca-269460a4cb02/5727c180-08f8-11e7-b2ca-269460a4cb02.mp4)
You can view the different versions of any image right inside the admin. Just select the version from the dropdown in the toolbar.