top of page
image.png

Optimizing images for web

Updated: Nov 6, 2023

Having optimized images gives your user the right image for their device, rendered faster, and thereby improving your SEO. Optimizing web images is a process of delivering high-quality images in the right format, dimension, size, and resolution while keeping the smallest possible size.


If the page takes more than 3 seconds to load almost 40% of visitors tend to leave that site, thus increasing the bounce rate. Image optimization is the only solution for this problem.


To understand how sizes and image quality are connected, please watch this training video.






According to Wix, if you're uploading an image to Wix and you used the image as an element in your webpage, then it is automatically converted to WebP format which is better optimized for site performance. You may watch this video to understand how this works.







Guidelines when uploading an image in Wix:
  1. Wix automatically optimizes your images for best online quality and fast download. This means that, unless your file is over 25MB, you do not need to resize or compress it before uploading.

  2. Choose the correct media format. JPEGs are better optimized for web, so unless you need transparency in your image, we recommend choosing JPEG over PNG. This is because JPEG images are smaller in download size, while also being of a similar quality. SVG graphics, also known as vector art, differs from more widespread raster image formats in that they use mathematical equations instead of a pixel grid for drawing graphics. This makes them lighter, which ensures they load at a higher speed than other image formats. It also means that resizing the image will not affect its quality or sharpness. We recommend using vector art for decorative shapes or business logos, instead of PNG. While GIFs used to be a very popular format for showcasing animated content, modern video encoding formats have both better quality and smaller size, therefore video files are preferred to GIF animations. You can place videos inside VideoBoxes widget. These elements even support transparent videos.

  3. You should upload the best possible quality images that you can and we will optimize them to the exact dimensions displayed on the screen, without any loss of quality. For best results, upload images of at least 2560 X 1440 pixels in resolution.


To check how your website images are read by robots, you may test a webpage using Cloudinary Image Analysis tool.






Related Posts

Using Stripe

Stripe is the online processing system we use to make online payments possible. The tool allows us to receive card payments, send refunds, and integrate online payment in our registration flow.

Using Hotjar to track site user behavior

Hotjar is a tool we use to analyze site user's behavior when they browse our webpage. We can determine how far they scroll, where they click, and which part of the website they spend a lot of time on

Comments


Commenting has been turned off.

© 2024 MaS Dance, LLC. All Rights Reserved.

bottom of page