Image sizing/spacing question

General Help
,
1

Hey all,

I’m relatively new to Evolve and am having some struggles figuring out sizing for any graphics I’m uploading.

  1. For instance, I uploaded flip cards that fit horizontally across the page, but they’re previewing huge, especially on larger monitors. They’re 614 x 748px, exported at 150dpi. Which I understand is larger, but I’m trying to work with the recommended minimums that Evolve provides. Is this something I have to adjust with the artboard size or perhaps spacing within the theme?

  2. Additionally, when I upload a hero graphic (intended to be full width) i’m exporting at 1440px x 600px. Regardless whether I export at 72 or 150 dpi, it’s pixelated. Why would this be the case? I’m stumped.

@Evolve, can we get some kind of guide that provides best practices and recommended sizing for the variety of graphics (headers, heros, dividers, matching, flip cards, buttons, etc) that users can create and upload? Constantly guessing/uploading/experimenting is really time consuming and I feel like it’s hard to know if a given solution is actually accurate.

Any help is appreciated. Thank you so much :smiley:

2

DPI (and PPI) will only have an impact on images when printed, so changing the DPI will make no difference when used for web.

Mostly Evolve displays images responsively so it’s not possible to give a specific size recommendation, but Evolve will show a ‘minimum recommended width’ when appropriate, for example this is when selecting an image for the Graphic component:

image
image397×217 7.76 KB

Equally if it’s not going to display something responsively, it will tell you via the help tooltip for the image.

If you look at the help tooltip for the Card Images it says ‘Image size displayed will be the original size that was uploaded’ - so if you upload images that are 614 x 748px it will try to display them at that size. If it’s unable to, it will shrink them to fit - but it’s always aiming to display them full-size if it can.

Would need to be able to see the original image and how it’s being used in the course before I could answer this. Feel free to either DM me a link to your course or contact Evolve support.

3

This post might also be of help regards hero images? Hero image size and scaling