# Automatic Resizing for .webp Images

**URL:** <https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078>\
**Category:** HubSpot Ideas\
**Tags:** design-manager, content\
**Created:** [July 19, 2020, 8:21pm UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078 "2020-07-19T20:21:24Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![andrewv86](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/andrewv86/32/103714_2.png) [@andrewv86](https://community.hubspot.com/u/andrewv86)\
**Post date:** [July 19, 2020, 8:21pm UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/1 "2020-07-19T20:21:24Z")

</div>

Now that the latest versions of Safari, Chrome, Edge, and Firefox all have compatibility with the .webp image format, it would be really good to have automatic image resizing for that format so that we can remove the “Serve images in next-gen formats” warning on [PageSpeed Insights.](https://developers.google.com/speed/pagespeed/insights/)

---

<div class="post-metadata">

**Author:** ![flipflopflower3](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/flipflopflower3/32/43872_2.png) [@flipflopflower3](https://community.hubspot.com/u/flipflopflower3)\
**Post date:** [July 22, 2020, 5:01pm UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/2 "2020-07-22T17:01:28Z")

</div>

And to further Andrew’s idea, it would be great if HubSpot had a CDN that enabled us to serve WebP graphics by default to browsers that support it and automatically serve the original .jpg or .png to browsers that don’t support WebP. WordPress can do this, but unless I’m mistaken HubSpot cannot.

---

<div class="post-metadata">

**Author:** ![Esther\_ISM](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/esther_ism/32/41594_2.png) [@Esther\_ISM](https://community.hubspot.com/u/Esther_ISM)\
**Post date:** [September 9, 2020, 12:19pm UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/3 "2020-09-09T12:19:51Z")

</div>

Would be great!

---

<div class="post-metadata">

**Author:** ![velliott](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/velliott/32/48055_2.png) [@velliott](https://community.hubspot.com/u/velliott)\
**Post date:** [December 8, 2020, 2:28pm UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/4 "2020-12-08T14:28:34Z")

</div>

Hi all,

I wanted to provide a quick clarification. Currently we automatically serve images in WebP format for browsers that support it (with a few exceptions, such as GIFs). If you are still seeing the recommendation in Google PageSpeed Insights to “serve images in next-gen formats” it is because the conversion happens server side and the file extension in the URL does not change. However, you should still see an improvement in performance because of the image conversion. You can learn more about this feature in our developer documentation [here.](https://developers.hubspot.com/docs/cms/developer-reference/cdn#image-compression-optimization-and-automatic-image-resizing)

If this solution doesn’t meet your needs, please don’t hesitate to share your feedback on this thread. It greatly helps us understand your needs so we can build a better HubSpot.

Thanks!

---

<div class="post-metadata">

**Author:** ![velliott](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/velliott/32/48055_2.png) [@velliott](https://community.hubspot.com/u/velliott)\
**Post date:** [December 8, 2020, 2:28pm UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/5 "2020-12-08T14:28:47Z")

</div>

Empty

---

<div class="post-metadata">

**Author:** ![andrewv86](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/andrewv86/32/103714_2.png) [@andrewv86](https://community.hubspot.com/u/andrewv86)\
**Post date:** [December 10, 2020, 9:30pm UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/6 "2020-12-10T21:30:08Z")

</div>

Hi Velliot,  
Thank you for the clarification, that gives a lot of insight into how HubSpot manages images. It’s good to know that you guys are staying on top of the game when it comes to web technologies.  
The improvement in performance is always going to be a key part of how Google measures website optimisation, however (for SEO) if we are being ranked based on the kinds of image formats being used, then wouldn’t it be important to make sure formats are exactly what they are? It would be nice if they are .webp images, that they are served with that extension.  
More related to the issue, I’m hoping to use .webp images natively uploaded to the file manager instead. This works for the most part, however hubspot doesn’t provide support for automatic image resizing for this image format. Is that something that we could potentially see in the future?  
Cheers

---

<div class="post-metadata">

**Author:** ![Sjardo](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sjardo/32/52178_2.png) [@Sjardo](https://community.hubspot.com/u/Sjardo)\
**Post date:** [March 30, 2021, 2:34pm UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/7 "2021-03-30T14:34:47Z")

</div>

Simply what @andrewv86 says, we need to have it in the Source.

1. Upload image
2. Create different image sizes
3. Optimise
4. Convert to webp

---

<div class="post-metadata">

**Author:** ![czlatkus](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/czlatkus/32/102437_2.png) [@czlatkus](https://community.hubspot.com/u/czlatkus)\
**Post date:** [January 11, 2022, 9:01pm UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/8 "2022-01-11T21:01:52Z")

</div>

Thank you for the feedback everyone! Moving this to “in planning” as we are working on automatic image resizing for .webp images.

---

<div class="post-metadata">

**Author:** ![gshaw](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gshaw/32/39641_2.png) [@gshaw](https://community.hubspot.com/u/gshaw)\
**Post date:** [January 26, 2022, 3:21pm UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/9 "2022-01-26T15:21:12Z")

</div>

Does anyone have a good fix for this in the meantime? Really seeing my site suffer due to image size/mobile speed. Would love to know if you have any suggestions for a bandaid fix. If that’s mannually updating all the images to .webp, what did you use to convert?

---

<div class="post-metadata">

**Author:** ![KMG2](https://avatars.discourse-cdn.com/v4/letter/k/d26b3c/32.png) [@KMG2](https://community.hubspot.com/u/KMG2)\
**Post date:** [March 25, 2022, 10:57am UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/10 "2022-03-25T10:57:53Z")

</div>

Any update on this? I am still getting this issue in Page Speed Insights where the images and their file type is not webp. So that means that those images are not converted to webp format (not even in server side) right? Why some images are not converted to webp while some are? Any answer to this?

---

<div class="post-metadata">

**Author:** ![Sjardo](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sjardo/32/52178_2.png) [@Sjardo](https://community.hubspot.com/u/Sjardo)\
**Post date:** [March 25, 2022, 1:32pm UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/11 "2022-03-25T13:32:14Z")

</div>

@KMG2 For now there is no update on this topic, besides uploading the webp images yourself.

I would like to say that you can achieve great PSI scores, even if this issue is still relevant. Yet, RUM scores are way more important!

Checkout the latest site i have developed with my team at Bureau Vet : [https://www.rready.com/](https://www.rready.com/)

We get a 100% score on desktop and a 95% score on mobile. (PSI)

Also our own site with a bunch of HS tracking, cta and images, gets a nice 100% score for desktop and 95% on mobile. (PSI)

Please let me know if you have any questions related to page speed 🙂

 ![Screenshot 2022-03-25 at 14.30.34.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/b/b06b47de4009c8496fc28a926c09482f5ea8b001.jpeg)

 ![Screenshot 2022-03-25 at 14.26.03.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/d/0/d05888c6ed15321341b96c42e9b80351b4092126.jpeg)

---

<div class="post-metadata">

**Author:** ![KMG2](https://avatars.discourse-cdn.com/v4/letter/k/d26b3c/32.png) [@KMG2](https://community.hubspot.com/u/KMG2)\
**Post date:** [April 5, 2022, 6:38am UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/12 "2022-04-05T06:38:41Z")

</div>

@Sjardo yea it seems like I have to upload webp images manually. What made me disappointed is that hubspot knowledge center claims that hubspot would handle image optimization in an efficient manner, but it doesn’t which happened in my project and hence I will have to upload optimized webp format images on my own. Also there is no plugin or application that would handle this optimization automatically (like in Wordpress where there are plugins to handle this) if incase hubspot fails to optimize any images. Hope after this ‘manual’ image optimization, the page score would improve.

---

<div class="post-metadata">

**Author:** ![Sjardo](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sjardo/32/52178_2.png) [@Sjardo](https://community.hubspot.com/u/Sjardo)\
**Post date:** [April 5, 2022, 6:48am UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/13 "2022-04-05T06:48:23Z")

</div>

@KMG2 Sadly, what HubSpot says and does are two different things, thats why I do some experiments around these sorts of things.

WebP images are not by default better, smaller of faster. The HS Algorithm does a calculated check and decides if it has to transform the image. And still, when HubSpot optimizes an image for you , you can probably do it better yourself for the best results.

If you want full controle, i suggest using Cloudinary or an other third party where you can set a bunch of settings to get the maximum out of the images you try to (automaticly) optimize.

---

<div class="post-metadata">

**Author:** ![Sascha](https://avatars.discourse-cdn.com/v4/letter/s/41988e/32.png) [@Sascha](https://community.hubspot.com/u/Sascha)\
**Post date:** [September 18, 2022, 11:29am UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/14 "2022-09-18T11:29:30Z")

</div>

This thread confuses me. On the one hand, we have HubSpot say the feature was delivered in December 2020, then a few people say it’s not really implemented, then HubSpot puts it back to “in planning” in January 2022 and then we heard nothing anymore since.

What’s the status quo with webp images?

Thanks

---

<div class="post-metadata">

**Author:** ![Sjardo](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sjardo/32/52178_2.png) [@Sjardo](https://community.hubspot.com/u/Sjardo)\
**Post date:** [September 19, 2022, 6:42am UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/15 "2022-09-19T06:42:01Z")

</div>

@Sascha

In short the current status:

- HubSpot converts images to WebP when WebP is smaller than it’s original size.
- Sometimes it does it wrong and you want to “overrule” this.
- You can still upload and serve a webp your own, so you can do everything yourself if you wish.

That for me, is the current status

---

<div class="post-metadata">

**Author:** ![Sascha](https://avatars.discourse-cdn.com/v4/letter/s/41988e/32.png) [@Sascha](https://community.hubspot.com/u/Sascha)\
**Post date:** [September 19, 2022, 9:36am UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/16 "2022-09-19T09:36:37Z")

</div>

Thank you @Sjardo - Someone in the thread mentioned that when uploading our own WebP images, the automatic resizing of images does not work. Is that still a thing? Do you happen to know?

---

<div class="post-metadata">

**Author:** ![bendonahower](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bendonahower/32/50849_2.png) [@bendonahower](https://community.hubspot.com/u/bendonahower)\
**Post date:** [September 19, 2022, 9:49am UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/17 "2022-09-19T09:49:44Z")

</div>

Has not been an issue with me when uploading webp.

---

<div class="post-metadata">

**Author:** ![gsantos1](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gsantos1/32/61905_2.png) [@gsantos1](https://community.hubspot.com/u/gsantos1)\
**Post date:** [October 25, 2022, 9:18am UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/18 "2022-10-25T09:18:29Z")

</div>

Hi.

I’m having some inconsistencies with this and the support was not very helpful, so I think I will try my luck here.

Is resize\_image\_url required for automatic resize and automatic convertion of uploaded jpg/png to webp?

Because there are parts of the HubCMS documentation where it says any \<img\> tag with width and height would be converted, and this is not happening.

Does this convertion happens when loading an image uploaded on HubDB, on a dynamic page?

Image is loaded with \<img\>, has width and height declared, the resize happens for some images and others don’t, all images still jpg/png.

Also, in all cases, Google Page Speed Insights says images are not optimized, “Serve images in next-gen formats”.

---

<div class="post-metadata">

**Author:** ![Sjardo](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sjardo/32/52178_2.png) [@Sjardo](https://community.hubspot.com/u/Sjardo)\
**Post date:** [October 25, 2022, 9:56am UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/19 "2022-10-25T09:56:05Z")

</div>

Hi,

First I would like to make a mention about Google Page Speed. Even tho it’s a great tool for testing and finding issues, it’s not always the best for the site itself. PSI is focussed on best practices, but not always for each individual website. So always have a look to your own situation. If you really want to have a good look, use [webpagetest.org](http://webpagetest.org). Way more information and even testing/experimenting options. Keep in mind that WebP is not always the smallest or best practice, and not even supported in older browsers.

That said, conversion to WebP is inconsistent and you do not have any grib on it. It’s done dynamicly when loading (and before caching) a page and controlled by HS. If you want more grip on that process, upload WebP to the filemanager and load them into your website.

My solution is creating an snippet and build a custom image tag with different sizes, and preload them accordingly to speed things up. This way you have full control over the situation until HubSpot fixes the issues concerning the resize\_image\_url() function.

---

<div class="post-metadata">

**Author:** ![bendonahower](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bendonahower/32/50849_2.png) [@bendonahower](https://community.hubspot.com/u/bendonahower)\
**Post date:** [October 25, 2022, 11:30am UTC](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078/20 "2022-10-25T11:30:02Z")

</div>

@gsantos1

HubSpot converts the image to webp on the server side not the source, which is where Google is looking.

We convert to webp before uploading to HubSpot using a tool called Filester (affiliate link: [Filestar\* | Do anything to any file](https://filestar.com/#ref=bendonahower1)) and there are other solutions if you have irregular needs to convert files, compress, resize, etc. if you search for them.

I 100% agree with @Sjardo about what’s best but at the same time, if part of your marketing strategy is to make Google’s search engine happy, this is how you check the “Serve images in next-gen formats” box.

[Next page](https://community.hubspot.com/t/automatic-resizing-for-webp-images/23078.md?page=2)
