Image size to avoid blurryness?


I’m having some issues understanding best practice for uploading images. I have them in very high quality and try to upload but seems uploading a smaller works better?

How do I ensure image renders best when deciding pixel width etc. when uploading?

https://preview.webflow.com/preview/tjekvik-2-0?utm_medium=preview_link&utm_source=designer&utm_content=tjekvik-2-0&preview=de7edff0b7376faeeef948ce511bce18&pageId=60a227a82c1cc5e2b03168ca&mode=preview

Hi @Crunchii It is complex topic that can take some time to learn but if you want just understand basics there it many resources. As Image optimisation is not related directly only to WF the best thing you can do will be to find articles about this topic using any browser search engine. Here is one example.

and another one

Once you have decide what basic size you need, after image upload will WF do the rest and create images with sizes for other viewports.

If you will have time to learn more there is a new book you can purchase. It cover lots from this problematic and it can be challenging to read 500+ pages but…

1 Like