Image Widget 

Display your best photos and graphics

The image widget is one of the quickest ways to get your brand and message up on your channel. Within the widget, you’ll have capability to do some light re-sizing in order to make sure it displays the way you want in a given region.

 

Image Settings

Media

This is where you’ll select your image. You can upload a new image, select from your existing Media Library, or select a royalty-free image from Pexels.

Accepted file types are PNG, JPG, JPEG, GIF with a maximum file size of 10MB.

Image Size

Within your image size drop-down, you’ll have a bunch of options to fine-tune how large you want your image in regards to the rest of the region. There’s three main options that will work in most instances and then some additional selections relative to the size of the region it’s in.

Cover Region

With the cover region option selected, the image will be enlarged to the point until it completely fills over the region that it’s in. It will do this while maintaining the aspect ratio of the image, so it won’t appear squished or stretched. The size of the image will adjust to the point at which either the width or the height matches the larger of the two (the width or the height) of the region so that none of the background is visible. With this option, if the image isn’t the same aspect ratio as the region it’s in, it will crop part of the image to completely cover the region.

Use case example: This option is perfect for an image that has a central focal point and doesn’t need the sides of the image to be visible in order to convey its message and meaning.

Contain within Region

With this option, the image will again retain it’s aspect ratio, but it will instead adjust to the point at which the width or the height matches the smaller of the two (the width or the height) of the region so that some of the background is visible. With this option, if the image isn’t the same aspect ration as the region it’s in, the entire image will remain visible and the background of the slide will border around it.

Use case example: This option is primarily for images that have to be seen in its entirety in order to be meaningful. Images with a lot of text or a border for example.

Stretch to Fill

With this option, the image will not retain it’s aspect ratio and will be stretched to fill the entire region and still show the entire image. Depending on how much difference there is between the size of the image and the size of the region, the image could look stretched, squished, or otherwise distorted when using this option.

Use case example: If an image is just a few pixels off from the size of the region and you need to view the entire image while also covering the entire region, stretch to fill is perfect. It’s not recommended to use this option if the image is significantly smaller.

 

Vertical Position

If your image is larger than the region, this option allows you to set the alignment along the Y-axis. When set to top, the top side of the image will begin at the top edge of the region it’s in. When set to middle, the center point of the image will align to the middle of the region. And bottom will align the bottom side of the image to the bottom edge of the region.

Horizontal Position

If your image is larger than the region, this option allows you to set the alignment along the X-axis. When set to left, the left side of the image will begin at the left edge of the region it’s in. When set to middle, the center point of the image will align to the horizontal middle of the region. And right will align the right side of the image to the right edge of the region.

Repeat Image?

If your image is smaller than your region, this setting will allow you to have the image repeat horizontally, vertically, or both across the entire region.

Blur Fill

If the image is not large enough to fill the region, toggle whether the image should be blurred and set behind itself image to fill the background. Additional settings include:

Size

Determine how large the background copy of the image is.

Strength

Determine how much blur effect to apply to the background copy of the image.

Repeat

If the background copy of the image is smaller than the region, determine whether the image should repeat horizontally, vertically, both, or not at all.

Image FAQs

What file types can I use?

You can use JPG, JPEG, PNG, and GIF file types.

Can I use a PDF?

Nope! See the question above laughing

 

My images are loading slowly, what's up?

Try compressing your images. While Markey allows for image file sizes up to 10MB, it’s recommended that your images actually be around 500kb or less for optimal load speeds and overall channel performance.

If you’re not sure how to do that, we recommend checking out https://bulkresizephotos.com/ to see if that’s something you’d like to use.