I have a header image that contains my logo and is 940px wide (the size of the container).
As with all Webflow images the images automatically resizes for each device. The resized image looks OK on a tablet and iPhone but its too small on a desktop when the browser window is small.
A few questions:
How do I stop images from resizing automatically? When I put in the width and height of the image in the image settings box the image still resizes automatically.
What would be your recommendation for this particular logo/header image? Would you recommend I just let it dynamically resize as is or should I set up a custom sized image for each device? I assume that would require 3-4 seperate images and a custom class (a lot of work and extra bandwith). I’m thinking the easiest solution would be to stop the image from automatically resizing on the desktop and then let it auto resize on other devices. I just need to know how to stop an image from resizing.
Has anyone noticed that in IE the resized images look bad? I’ve noticed that in Chrome and Firefox they look fine but in IE they don’t render well at all. Is there a fix for this?