03.02.2021

Marketing & Creative

How to compress images on your website?

4 min read

Kostas

Do you compress images before uploading them onto your website? In this blog post, we discuss why uploading print-quality images on your website is a waste and the steps you can take to easily compress images before uploading them onto your CMS.  

 

Whether your website is hosted on HubSpot or any other CMS platform, images are one of the core assets that can have the biggest impact on your page speed, particularly if you are using a mobile connection. 

There is no doubt that as marketers we are always looking to use the best quality images with a high resolution on our website that will have a powerful impact on our audience. 

But the reality is, that uploading high-quality images on a website – print quality images – is actually unnecessary as that level of detail and resolution does not render on a screen. 

Therefore, compressing images on your website should be a compromise between a high-quality image and page speed.  

How can you easily compress images?

So, with that said let’s dive into how you can compress your images in HubSpot. 

If you have large images in HubSpot – simply go to your file manager and download the files onto your computer. 

As a benchmark, your images should be between 100-150 kilobytes.

Screengrab of HubSpot file details

Once downloaded, you have two options – 

  1. There are plenty of free online tools you can use that automatically compress your images (e.g. tinypng or compressjpeg.com)

  2. Use editing software to compress images. Photo editing software such as Photoshop allows you to optimise images for the web so you can easily export your images at the right levels. 

These online tools can magically compress images for you and are a quick solution to improving your web speed. Let’s look at tinypng.com …

Screengrab of the tinypng website

Simply upload the image you downloaded onto the online tool. The tool will then work to remove the unnecessary data on the image file to produce a much cleaner version that is smaller.

Screen grab 3

As you can see above, in just a few seconds tinypng.com has reduced the image file by 82% taking it from 2.6MB to 474.5KB. You can then download this back onto your computer with no notable difference in quality to the original.

 

Screengrab of the image after optimizing



Screengrab of image before optimizing
474.5KB Image 2.6MB Image

 

Once you have the compressed image on your desktop, go back to HubSpot file manager and click ‘replace’ on the image you want to swap out.

screengrab of HubSpot file manager uploading an image

By doing this (instead of uploading a new image), HubSpot will automatically update the image across all the website pages it’s used on. 

40% of people abandon a website that takes more than 3 seconds to load.

As you can see, compressing images is super quick and easy and HubSpot takes a lot of the manual work out of swapping large images across your website for smaller image files.  With this approach, you will be guaranteed to increase your website speed (without affecting image quality) increasing the overall user experience of your website.

Find out about our SEO services here and if you like to find out more about working with us click here.

Generate Demand & Build Brand Equity

Partner with Huble, a HubSpot marketing agency that understands the balance of strategy, creativity, and technical expertise. We help large and mid-market companies leverage HubSpot to elevate their marketing efforts.

Latest Insights

Websites & Portals

16 min read

Everything you need to know about HubSpot Content Hub

Learn all about HubSpot's Content Hub, including the key benefits and pricing, what's changing and how Marketers can utilise the platform.

Read more

HubSpot Implementations

14 min read

HubSpot data encryption: protect sensitive data across your business

Learn how HubSpot data encryption and HubSpot data protection safeguard sensitive information, ensure compliance, and keep your business secure.

Read more

Marketing & Creative

30 min read

111 Account-based marketing statistics you need to know in 2025

In this article, we look at 111 account-based marketing statistics that showcase how this strategy has transformed modern marketing.

Read more

Marketing & Creative

18 min read

Digital marketing trends for 2025 and how to leverage them

In this article, we dive deep into the most significant digital marketing trends of 2025 and how you can leverage them for your business.

Read more

Seek Evolution

6 min read

Huble proves HubSpot’s Enterprise Power with British Council

In this article, we reflect on Huble's journey to winning HubSpot's Product Excellence Impact Award for their work with the British Council.

Read more

HubSpot Implementations

13 min read

Can HubSpot be hacked? A guide to HubSpot’s Sensitive Data Tools

How HubSpot’s Sensitive Data Tools help businesses protect sensitive information, ensure compliance, and boost operational efficiency across teams.

Read more

HubSpot Implementations

27 min read

HubSpot security and compliance: best practices and automated tools

Explore how to leverage HubSpot’s security tools and resources to mitigate risks and ensure Security and Compliance in HubSpot.

Read more

Service & CX

11 min read

HubSpot for Healthcare: secure customer service and data protection

Explore how HubSpot helps healthcare organizations balance sensitive data security with efficient customer service.

Read more

Marketing & Creative

12 min read

Marketing funnel vs customer journey: decoding the differences

In this article, we explore the differences between the marketing funnel vs customer journey and how you can leverage them to effectively engage and convert potential customers.

Read more

HubSpot Implementations

5 min read

HubSpot Global Partner of the Year: a letter from our CMO

Explore what winning HubSpot’s Partner of the Year award means for our customers and our dedication to providing world-class HubSpot solutions.

Read more