Automatic image resizing on HubSpot content

Automatic image resizing is used by default for HubSpot-hosted content. This optimizes images to fit the screen they're viewed on, which can decrease browser load-time and improve Google PageSpeed score. Any image with height and width attributes defined in <img> tags will be resized.

Please note: images that are larger than 4096 pixels in height or width will not be automatically resized. 

Disable automatic image resizing

You can disable automatic image resizing on an individual image by adding the following query parameter to the image URL in the HTML code:

?noresize

For example, the following image will be resized on the page because the height and width attributes are set in the <img> tag in the HTML:

<img src="http://cdn2.hubspot.net/hub/211045/file-377800313-jpg/IMG_4134.jpg" height="500px" width="600px">

To disable automatic image resizing simply add the additional ?noresize parameter to the image url:

<img src="http://cdn2.hubspot.net/hub/211045/file-377800313-jpg/IMG_4134.jpg?noresize" height="500px" width="600px">

Manually resize images

To manually resize your images in the files tool:

• In your HubSpot account, navigate to Content > Files.

• Click the name of your file.
• In the right panel, at the bottom, click Clone and edit.
• In the bottom left, click Resize. Then, enter the width and height in pixels.
• In the bottom right, click Save new image. The resized image will be saved as a new file.