Images - Resolution, Size, Extension


I built my website via Wix Standard Editor and now learning Editor X to make the website responsive. It’s been only a few days, but I can tell that Editor X is 100 times better than the Standard Editor, which was extremely rigid.

Could you help to understand the leading practices for images better? The questions I have are:

  1. In Help Secions and Blogs, Wix recommends images with various “minimum resolutions”, such as 3,000 x 3,000 , 2560 X 1440 , 1250×800 , or at least 3,000px on the shortest side of your picture . So should I use images with at least a 3,000px resolution? Or can I use smaller resolutions for non-full-page images?

  2. Another recommendation is to have images with 72 dpi (and experiment with 96 dpi). Does that mean that 200 dpi or 300 dpi is redundant?

  3. Wix is recommending to use JPG over PNG to improve performance. However, it is also mentioned that " all images are converted to WEBP ". So, isn’t it better to upload all images in WEBP?

  4. How critical is ensuring the website is as “light” as possible? For example, if the website’s total size is 15 MB with high quality images vs 2 MB with lower quality images, should I lean toward the light version to help boost the SEO?

Thank you!