Image bug - Resizing on its own in Designer

When I’m working in Webflow Designer, an image keeps resizing on its own like jumping up and down

I read posts by other people who had this same problem but found no solution, or tried possible ways to fix it

What didn’t work -
Remove max-width: 100%; from images
Set image to pixel size values in height and width - this is a nightmare for responsivness and it shouldn’t be like that
Remove any fixed height from parent element - although this shouldn’t matter too much, let’s say a section has min-height: 100vh; - that doesn’t affect it
Set image to display: block;
Set image inside div so that it’s easier to work with

After all of this I am still having the same problem, the image just keeps jumping up and down and resizing, so I don’t even know how to position the damn thing and adjust it

Ps. I can’t include a read-only link because I’m working on a client project
However, please share with me what your opinions are and how CSS/Designer might fix this issue

Thank you


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi @Milan_Vetnic, welcome to the Webflow forum.

I see that you’ve encountered an issue but it would not be really possible to know what actually is the issue with your particular implementation.

If you cannot share the client’s project then why don’t you create another project in your account and only copy that part. This will also help you to test to try and come with that issue.

Also Webflow does have many limitations but all most all the time elements won’t have an issue just because it is in Webflow. There must be some CSS or JS causing the issue.

Hi @Milan_Vetnic ,

I had a similar problem to the one you are describing on 2 of my recent projects.

I managed to fix this by putting Min W 100%, Min H 100% Max W 100% and Max H 100%.

It might sound silly, but this worked for me. It is hard to tell if you have the same issue without seeing the project. I do believe this is bug since the images were resizing without me even touching the controls, or even scrolling the page.

Anyhoo, give it a try and let me know!

Regards,

Alex

EDIT: I forgot to add, my images were in a grid inside divs. Divs had 100% all the way too.

I have the same problem, I am using the preset Hero Heading Right and Hero Heading Left layouts.

The images keep randomly resizing the in the editor, I tried setting them to 100% max/min W&H but it keeps happing.

https://preview.webflow.com/preview/admovis?utm_medium=preview_link&utm_source=designer&utm_content=admovis&preview=c1ab5aebf4f6af854bc48c2dbd480b1d&workflow=preview

I am having the same issue while following along the 21 day portfolio Webflow course. I am a new user and learning the software, but it seems this bug has been around for a while. What does that cause on the clients end?
It the designer in preview it looks fine, then when published it shrinks. Screenshots below, I also included share link.


https://preview.webflow.com/preview/webflow-21-day-portfolio-cours-ba79b4?utm_medium=preview_link&utm_source=designer&utm_content=webflow-21-day-portfolio-cours-ba79b4&preview=dd3623287db2177f1bdeeb1ca45cd8ea&workflow=preview

1 Like

Same problem here, and it’s the first time I encountered such behaviour. It’s really, really frustrating, as I’m currently working on an image-heavy website and this keeps happening, totally randomly. Whenever I’m able to fix it with some strange adjustments it affects another image after some time. I’m starting to believe it’s a bug on Webflow’s part.

Same problem here, images suddenly resize for no apparent reason in the Hero Heading Right and Hero Heading Left layouts. Any news on a resolution to this?

It seems to be a bug as it fixed itself on it’s own. My worry is how will this affect the project when we are trying to transfer to the clients?

I ran into this issue and tested some ideas; so far, I think I found a few solutions:

If you are following the 21 day design portfolio course exactly, and you drag and drop your assets into your project, instead, try manually uploading the hero-background image.

In another thread, someone mentioned the idea that Webflow needs certain parameters defined to work correctly.

  • When I drag + drop the image, it comes through without pixel dimensions defined.
  • But when you upload using the upload button – and maybe uploading the file individually? – it comes through with pixel dimensions defined. This solved the issue for me.

If that doesn’t work, I also saw the issue fixed when I set min-width on the image to 100%.

1 Like

I’m still having this issue. I compressed the images to the point where they no longer had the “image too large, replacing with smaller image” notice, but now they resize and are extremely fuzzy.

I upload them manually to the asset manager, I have them all set to min/max 100% height/width.

I’ve had this happen in the past, but not this badly.

read only link: Webflow - lelandpfoster.com

Any additional tips?

I also encountered this bug while doing the 21 day course, I ended up noticing it only happens when the designer saves changes, but reverts back while it is still saving.

I went to the assets tab and clicked the image, and after the designer saved the image in it’s 100% view, the issue didn’t occur again.
I hope this helps someone also :slight_smile:

1 Like