Pictures are very important in the content of the website. What are the steps of image optimization in website optimization? The following computer training in Sichuan is introduced in detail for everyone.
Step 1: Resize the picture. Resizing the picture is very important. Adjust the pictures used in the website to the size required by the website.
What we are talking about here is not the resizing in CSS and HTML, but the image size on the server, which can be sent to the server.
Step 2: Optimizing the picture to load into the picture heavyweight website One step is to choose the correct format and quality for each picture.
JPG, PNG, GIF and other formats are common image formats, and each format is suitable for different scales.
The relatively new image format in WebP combines better formats with these image formats. Sichuan IT training found that the size has been reduced by 30%, and almost 75% of modern browsers support this format.
Step 3: Supporting all users to use mobile devices requires not only a careful understanding of website operation, but also the experience of mobile users. Now nearly 60% of traffic comes from mobile users.
With the development of mobile Internet, there are more and more mobile users, and the speed of mobile data is still much slower than that of broadband data. Therefore, when designing the web experience, Sichuan IT training thinks that it needs to pay more attention to the support of mobile devices.
Step 4: Load fewer resources. Many people know that if you load too many pictures, it will directly affect the running speed of the website and affect the good experience of users. Even if you optimize the pictures, it is hard to avoid them.
At this time, many people suggested that it can be solved with relatively small pictures, but this method is not recommended for computer training in Sichuan.
In many cases, we can avoid using images before loading.