CMS-Pages-Editor

Edit an image in HubSpot

November 27, 2018

Hub
marketing-basic-pro-enterprise
,

With the HubSpot image editor, you can crop or resize an image to better fit your content or social media post. You can also decrease the size of your image to improve image load times for your page, blog, or email. The image editor is available in rich text modules, the file manager tool, and the social composer

Please note: images on HubSpot's responsive pages or emails will scale to fit the width of the module on your page or email. One exception where you may want a larger high-resolution image is for a larger background image.

  • Open the image editor:
    • In the social composer:
      • Hover over an image in your social post and click the pencil icon edit that appears.

        edit-image-in-social-composer
    • In the file manager dashboard:
      • Click on an image to open the sidebar editor pane. 
      • Click Clone and edit to open the image editor.
    • In a rich text module:
      • Click the Insert dropdown menu and select Image or click the image icon insertImage.
      • In the pane on the right, hover over an image and click the information icon info that appears.
      • Click Clone and edit to open the image editor.

edit-image-from-content-editor

  • To resize your image:
    • Click Resize.
    • Enter the width and height for your image in pixels. 
    • Click Save clone.
  • To adjust your image orientation, shape, or size:
    • Click Crop.
    • Click and drag the corners or side edges of your image to adjust its height, width, or scale.
    • Click the rotate icon rotate to adjust your image 45 degrees clockwise.
    • To optimize your image for a social media post, click the Custom dropdown menu and select Facebook, Instagram (Square, Portrait, or Landscape), LinkedIn, or Twitter. 
    • After you've made your edits, click Save clone.

edit-images