Advanced Image Editing and Presets

Avoid costly subscriptions by using Marketpath's built-in, advanced image editing capabilities. We provide all the basics, as well as advanced filtering such as crop, grayscale, blur, sharpen, and more. Within Marketpath CMS, you can edit existing images or create dazzling copies with just a few clicks of the mouse.

Features

  • Resizing by height & width
  • Scaling up or down
  • Cropping
  • Rotating
  • Change format and compression
  • PrettyGif rendering
  • Background color
  • Contrast, brightness, and saturation
  • Filter with grayscale, sepia, inversion
  • and more!

Editing an Image in Marketpath CMS

Adding an preset to an image in Marketpath CMS

Image Presets

After uploading images, Marketpath CMS editors can select image presets that they saved from previous image edits or a developer saved when they created the site. An image preset contains specific image adjustments to help maintain consistency throughout a site.


Developer Example - Image Presets

Image presets can also be utilized in templates to render images. For example, the code below iterates through a list of blog posts, gets blog the post image URL, and applies two image presets to each image - one for cropping to a thumbnail size ("thumbcrop") and the other for applying a grayscale filter ("filtergray"). The icing on the cake is that the final, resized image is automatically cached with Marketpath’s CDN and all subsequent requests will download extremely fast for visitors.

{% for post in blogPosts %}
 <li class="blog-post">
 {% ImageURL post.image "thumbcrop" "filtergray" %}
 <a href="{{post.DefaultPageURL}}">{{ post.Title }}</a>
 </li>
{% endfor %}