How to Edit Images in HubSpot Website and Landing Pages

Editing images directly inside HubSpot helps you keep your website and landing pages on-brand without leaving the content editor. This guide explains how to open the image editor, adjust size and layout, crop visuals, replace existing images, and manage key settings for your page modules.

All instructions below are based on the HubSpot content editor for website and landing pages so you can follow along step by step.

Access the HubSpot Content Editor

Before you can edit any image, you need to open the correct page in the HubSpot content editor.

1. Log in to your HubSpot account.
2. In the main navigation, go to Marketing > Website > Website pages or Landing pages.
3. Use the search or filters to locate the page that contains the image you want to edit.
4. Hover over the page and click Edit to open the content editor.

Once the page is open, you will see the preview on the left and the module options on the right. The editor layout may differ slightly depending on whether you are using drag-and-drop areas or a coded template, but image editing tools are available in both cases.

Open the HubSpot Image Editor in a Rich Text Module

If your image is inside a rich text module, you can adjust it directly in the text area.

1. Click the rich text module that contains the image.
2. In the left preview, click the image once to select it.
3. Use the inline toolbar that appears above or below the image to access formatting options.

From this toolbar you can quickly change alignment, size, or replace the image without leaving the editor.

Adjust HubSpot Image Size in a Rich Text Area

To change image dimensions in a rich text module:

1. Select the image in the editor.
2. Click the size dropdown in the image toolbar.
3. Choose a preset size (such as Small, Medium, Large) or enter custom dimensions, depending on your template options.

Always preview the page to confirm the new size works well across devices.

Change Alignment and Spacing in HubSpot Rich Text

To adjust alignment:

1. Click the image to open the toolbar.
2. Select Align left, Align center, or Align right.

You can also press Enter above or below the image to add spacing with additional paragraphs or content blocks.

Edit Images in HubSpot Image Modules

Some templates use dedicated image modules instead of rich text modules. These modules give you focused control over a single image.

1. Click the image module in the page preview.
2. In the right sidebar, look for the Image field.
3. Click Replace or Edit depending on the available options.

The sidebar shows details such as file name, size, and alignment settings that apply specifically to that module.

Replace an Image in a HubSpot Image Module

To replace an existing image with a new file:

1. Click the image module.
2. In the sidebar, click Replace.
3. Select an image from your file manager or upload a new image from your computer.
4. Click Insert to apply the new image.

The dimensions of the module may be controlled by the template, so always check the preview to ensure the replacement image fits the layout.

Crop and Rotate Using the HubSpot Image Tools

When editing an image stored in your file manager, you can open the file details and use additional tools:

1. In the sidebar image field, click the image thumbnail to open file details.
2. Choose Edit to launch the image editor.
3. Use available options such as Crop, Rotate, or Zoom depending on your account tools.
4. Save the changes and return to your page editor.

These edits update the stored file, so consider creating a copy if you want to preserve the original version for other pages.

Use the HubSpot File Manager for Image Management

The image editor relies on files stored in your file manager. Organizing these assets makes it faster to edit and reuse visuals across pages.

• Create folders to group images by campaign, product, or website section.
• Use clear, descriptive file names for better search and SEO.
• Upload high-quality originals so crops and resizes remain crisp.

When you click Replace or Browse images in a module, the file manager opens and lets you choose from these organized assets.

Configure HubSpot Image Options in the Sidebar

Many image modules in HubSpot have additional settings in the right sidebar. Options vary by theme or template, but commonly include:

• Alt text for accessibility and search engines.
• Width and height fields.
• Maximum size or responsive behavior.
• Link URL to turn an image into a clickable button.

Update these fields carefully, as they affect how images look and behave across your entire site.

Set Alt Text for HubSpot Image SEO

To improve accessibility and on-page SEO:

1. Select the image module or image in a rich text area.
2. Open the image settings panel or file details.
3. Enter a short, descriptive alt text that explains what appears in the image.
4. Avoid stuffing keywords; focus on clarity for users and screen readers.

Good alt text helps search engines understand your visuals and supports visitors who rely on assistive technology.

Preview and Publish Your HubSpot Image Changes

After editing any image, always confirm results before making the page live.

1. Click Preview in the upper right of the editor.
2. View the page on desktop, tablet, and mobile if available.
3. Check that images are sized correctly, not distorted, and aligned with surrounding content.
4. Click Update or Publish when you are satisfied with the changes.

Returning to the editor later lets you refine images further as you gather performance data from your analytics.

Where to Learn More About HubSpot Image Editing

For the most detailed and current instructions, review the official documentation on editing images in website and landing pages. You can access it directly on the HubSpot Knowledge Base here: Edit images in website and landing pages.

If you need strategic help connecting image optimization with your broader digital strategy, you can also consult HubSpot-focused experts at Consultevo for guidance on site structure, SEO, and conversion optimization.

By using these image editing tools effectively inside HubSpot, you keep your visuals consistent, fast-loading, and aligned with your overall website experience, without having to rely on external design software for every small change.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`