All Collections
Slides
The Difference Between "Full Image" and "Fit Image"
The Difference Between "Full Image" and "Fit Image"
Nick Gentile avatar
Written by Nick Gentile
Updated over a week ago

What is the difference between Full Image and Fit Image? (the benefit of choosing Full Image or Fit Image)

When creating a slide that uses a Background Image you may have the ability to select how Background Image(s) are displayed within that slide.

There are two options to select from when choosing how you want your Background Image(s) displayed.

The two options for your Background Image(s) to be displayed as is Fit Image, and Full Image.

Below is an example original image that would be used in a deck.

The image on the left is an example of a 'fit' background display, whereas the image on the right is an example of a 'full' background display.

Fit Image:

A slide set to be Fit Image will display the whole image without having to crop out any portions of that image, even if the browser size is changed. Fit Image(s) will also display a background behind the image, the background will depend upon the approved creative (may just be a solid color such as white or black).

Green: The background behind the image fills the remaining image area

Red: The entire image is shown without cropping

Full Image: 

A slide set to be a Full Image will display a cropped version of the image by filling the entire image area. Full Image(s) will not display any background behind the image even if the browser size is changed. 

About Full Image Cropping:
Where a Full Image is cropped will be based on the image Background Position (as well as image dimension and browser size). 

Background Position declares which part of the image is most important it determines which side(s) the Full Image will get saved from cropping. By default, all Full Images will have a Background Position of Center Center, which means the center of the image is the most valuable part. A Full Image set to Center Center will either have the top and bottom sides cropped out or the left and right sides cropped out.

"Where a Full Image is cropped will be based off the image Background Position as well as image dimension and browser size" 

If the assumed browser size, and image area are wider than tall the following cropping can be assumed:
Taller than Wide Images:
Top Center / Center Top - Bottom of the image cropped off.
Top Left / Left Top - Bottom of the image cropped off.
Top Right / Right Top - Bottom of the image cropped off.
Bottom Center / Center Bottom - The top of the image is cropped off.
Bottom Left / Left Bottom - The top of the image is cropped off.
Bottom Right / Right Bottom - The top of the image is cropped off.
Left Center / Center Left - The top and bottom of the image are cropped off.
Right Center / Center Right - The top and bottom of the image are cropped off. 

Wider than Tall Images:
Top Center / Center Top - Bottom of the image cropped off, or Left and Right of the image cropped off.
Top Left / Left Top - Bottom of the image cropped off, or Right of the image cropped off.
Top Right / Right Top - Bottom of the image cropped off, or Left of the image cropped off.
Bottom Center / Center Bottom - Top of the image is cropped off, or the Left and Right of the image are cropped off.
Bottom Left / Left Bottom - Top of the image is cropped off, or the Right of the image is cropped off.
Bottom Right / Right Bottom - Top of the image is cropped off, or the Left of the image is cropped off.
Left Center / Center Left - Top and Bottom of the image cropped off, or Right of the image cropped off.
Right Center / Center Right - Top and Bottom of the image cropped off, or Left of the image cropped off.

Green: portion of the image not visible

Red: portion of the image that is visible

Summary: Benefits of choosing Full Image or Fit Image.

Types of images that work well with a Fit Image display:

Informative Images - Any images that have information that is meant to be read by the viewer should use a Fit Image display. This is so that none of the image (or in this case, text) is cropped away, allowing the viewer to see all of the information meant to be read.

Transparent Background Images (.png) - Most images that have a transparent background usually get cropped incorrectly when selected to be Full Image, by selecting Fit Image many of the cropping problems can be resolved.

Logos - Any image of a logo should always be set to Fit Image. A logo is what distinguishes a brand and you don't want to tarnish a brand's image by setting its logo to a Full Image display. Any images that have a logo overlaying on an image should also be set to fit so that there is no accidental cropping of the image or logo.

Tall Images - A tall image is one that has a height greater than its width. Most tall images get cropped incorrectly when selected to be Full Image, by selecting Fit Image many of the cropping issues can be resolved.

Types of images that work well with a Full Image display:

Wide Images - A wide image is one that has a width greater than its height. Most wide images work great in a Full Image display. When an image has an off-center focal point and is being cropped away just change the Background Position to allow the focal point of the image to always be visible.
​ 
Scenic Images - A scenic image is when you have an image that doesn't have a specific focal point. An example is a photo that sets you in a cheering, crowd-filled stadium that overlooks a field. Make sure to set the image to Full Image to provide the highest level of impact.
​ 

Other notes on Background Display modes:

Use within Image Rotators - Only one Display Mode can be set per slide, and cannot be set individually for each image within an Image Rotator. Try to use the same type of images within an Image Rotator so that the Display Mode that you select will work for all of your images within the slide's Image Rotator.
​ 
Use of Background Position - When using a Fit Image, Background Position will not be taken into account because the whole image will always be visible. If you are using Full Image and the focal point of your image is being cropped away select the position where you will always want your picture to be visible.

(Note: a Tall Image is set to full and is being cropped, the focal point of the image is at the top of the photo)


 (Note: The photo above has a Background Position set to Center Center)


​ 
 (Note: to fix the cropping issue the Background Position has to be set to Top Center)


(Note: the image now will only be cropped on the bottom and will always display the top part of the image)

Did this answer your question?