Image Optimization
Outline
Evolve will automatically resize uploaded images based on the device a learner uses to view a course, unless an admin overrides this functionality using the Advanced Image Settings.
When setting images per device manually, or using particular graphic components, the learner experience can be optimized by using the following recommendations.
Recommendations
Recommended minimum image widths:
- Desktop: Minimum width 1024px
- Mobile: Minimum width 512px
Evolve will automatically resize images depending on the device the course is being used on. Alternatively, you can use the Image Advanced Settings found when adding any graphic and set an image per device.
Image size examples
- 1024px (width) x 600px (height) - useful for media carousel, narrative
- 512px (width) x 480px (height) - useful for a single width graphic component
Alternate Image Sizes
If you wish to use images that do not meet our recommended widths you will need to open the search bar in image selector and uncheck Recommended Width.
![](https://cdn.exceedlms.com/uploads/resource_images/targets/4262977/page_regular/alternate-image-sizes.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4uZXhjZWVkbG1zLmNvbS91cGxvYWRzL3Jlc291cmNlX2ltYWdlcy90YXJnZXRzLzQyNjI5NzcvcGFnZV9yZWd1bGFyL2FsdGVybmF0ZS1pbWFnZS1zaXplcy5wbmciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE3MjU3NjEyODV9fX1dfQ__&Signature=Nz1RhqKS-bEABWomQzPVeRuyAfkXC6wOpsLMqOP2cRybG0aWGFYa4j5Dlh7Ui5G34tmq2xvWmVRiIshHKnFfPyDd3vrvtGRMu5A0wpzL6FgrCQtZ18ZOKRY2dN82Ds5LEHsmhyfwnC6TnNDHfSwOdjUYUd5vDcc9A9j1o0TVw5-oj89H0O9-ad6J7tvMdxsZRw6UapojVZzUTExw~go8lQZiWO47DjOudzYj0IoxUMauXwZimlQHfoZZpO9Wr9utb~A-KLdkgQHqzwFwT7OZ89xyOin0mCIHzMqNwUu0rM-yBr8sK31-kVnNfgP4J41Xb2MMAC6H26GUgbDnemPblw__&Key-Pair-Id=APKAJINUZDMKZJI5I6DA)
Did this article help?
Let us know by leaving a star rating or review at the top of this article.