Images appear blurry on my website

Design help General
1

Live Website: Apple Driver

Hello! For some reason on my portfolio website my images have started to become blurry/compressed. I’m not sure why this is as I only use high resolution images (typically above 1440p), any help or thoughts would be greatly appreciated! It looks perfect in the webflow editor, but on the live website it’s super compressed.

Note: It’s the images in the actual project pages as the cover/home page uses a different layout

Thanks!

2

Nice site- I’m not seeing any blurriness on chrome / desktop.

Likely your browser is selecting the wrong responsive image size due to its calculation approach. So two options-

  1. Help it with the calculation approach by making the image and its container’s 100% width so there’s no ambiguity, or
  2. Disable responsive images- which means longer mobile download time, and higher bandwidth consumption, but guaranteed best-quality images