How to compress picture for website speed

HOW TO COMPRESS PICTURE FOR WEBSITE SPEED HOW TO

Image compression and optimization is about reducing the file size of the images you use on your site. Using image compression and optimization to speed up page loading For more information, see Minification and bundling in SharePoint Online.

HOW TO COMPRESS PICTURE FOR WEBSITE SPEED HOW TO

You can how to use Web Essentials, a third-party, open-source, community-based project to achieve this easily in Microsoft Visual Studio. This is a very useful technique if the images are not changing very often, for example, icons, as shown in the SharePoint example provided above. Even if the image does not remain cached, by having a single image instead of multiple images, this method reduces the total number of HTTP requests to the server which will reduce page loading times. This can increase performance because you download only one image instead of several and then cache and reuse that image.

SharePoint Online uses sprites to display its various icons in the sprite spcommon.png file. Basically, you move a single image around the page instead of loading multiple images, and make a small part of that image visible through a small window where the required part of the sprite image is shown to the end user. Using CSS you select a part of the composite image to display on a particular part of the page with absolute positioning. Using sprites to speed up image loadingДЄn image sprite contains many smaller images. For information about image optimization in SharePoint Online modern portal sites, see Optimize images in SharePoint Online modern portal pages. This topic applies to SharePoint Online classic publishing sites, not modern portal sites.

How to compress picture for website speed