{"id":4404,"date":"2019-01-24T10:40:14","date_gmt":"2019-01-24T09:40:14","guid":{"rendered":"https:\/\/www.comunicazione21.com\/come-ottimizzare-le-immagini-per-il-web\/"},"modified":"2025-05-08T14:27:59","modified_gmt":"2025-05-08T12:27:59","slug":"how-to-optimize-images-for-the-web","status":"publish","type":"post","link":"https:\/\/www.comunicazione21.com\/en\/how-to-optimize-images-for-the-web\/","title":{"rendered":"How to optimize images for the web"},"content":{"rendered":"

[vc_row][vc_column offset=”vc_col-lg-offset-1\/5 vc_col-lg-8″][vc_column_text css=”” el_class=”p1″]<\/p>\n

Would you like to be despised by Google? Don’t think so! To ensure this doesn’t happen, you can reduce the size of the images used on your website, improving its performances. Often, it is believed that using lightweight files means sacrificing quality, but there are several tricks and techniques that allow you to reduce the size of images while maintaining high quality, so that you can proudly display them on your website. Let’s take a look at how to optimize images without loosing their quality<\/strong>.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1\/5 vc_col-lg-8 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=”100px”][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1\/5 vc_col-lg-8 vc_hidden-lg vc_hidden-md”][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10 vc_col-xs-offset-1 vc_col-xs-11″][vc_column_text css=”” el_class=”h-circle-pink”]<\/p>\n

1. OFFLINE OPTMIZATION<\/h2>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

To reduce the size of your image files, you can use programs that reduce their dimensions without losing quality:<\/span><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-sm vc_hidden-xs”][vc_empty_space height=”64px”][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-lg vc_hidden-md”][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

FOR WINDOWS USERS<\/span><\/h3>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

The program to download is Caesium, simple and intuitive, which allows you to optimize images before uploading them to the web. Once downloaded and installed, you must:<\/span><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column width=”1\/3″ offset=”vc_col-lg-offset-1 vc_col-lg-3″][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=””][vc_column_inner][vc_empty_space][vc_single_image image=”9350″ alignment=”center” css=””][vc_column_text css=”” el_class=”p2″]<\/p>\n

Select the photo(s)<\/p>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=”1\/3″ offset=”vc_col-lg-4″][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=””][vc_column_inner][vc_empty_space][vc_single_image image=”9348″ alignment=”center” css=””][vc_column_text css=”” el_class=”p2″]<\/p>\n

Configure the optimization and where to save it<\/p>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=”1\/3″ offset=”vc_col-lg-3″][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=””][vc_column_inner][vc_empty_space][vc_single_image image=”9346″ alignment=”center” css=””][vc_column_text css=”” el_class=”p2″]<\/p>\n

Click on “Compress!”<\/p>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-sm vc_hidden-xs”][vc_empty_space height=”64px”][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-lg vc_hidden-md”][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

FOR MAC USERS<\/span><\/h3>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

The program to download is ImageOptim, simple and intuitive, which allows to optimize the images before uploading them to the web. Once downloaded and installed, you must:<\/span><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column width=”1\/3″ offset=”vc_col-lg-offset-2 vc_col-lg-8″][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=””][vc_column_inner][vc_empty_space][vc_single_image image=”9353″ alignment=”center” css=””][vc_column_text css=”” el_class=”p2″]<\/p>\n

Drag the photo(s) inside the app, which will automatically optimize the dropped image(s) overwriting the original one.<\/p>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1\/5 vc_col-lg-8 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=”100px”][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-lg vc_hidden-md”][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10 vc_col-xs-offset-1 vc_col-xs-11″][vc_column_text css=”” el_class=”h-circle-pink”]<\/p>\n

2. ONLINE OPTIMIZATION<\/h2>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

For users who don’t want to download and install new programs on their computer, there is an online solution that allows you to achieve the same result.
\nThe website is TinyPNG. By uploading your photo(s) to the drop area on the website, it optimizes them and allows you to download them optimized for the web.<\/span><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_single_image image=”2182″ img_size=”large” alignment=”center” css=”” qode_css_animation=”element_from_bottom”][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1\/5 vc_col-lg-8 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=”100px”][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-lg vc_hidden-md”][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10 vc_col-xs-offset-1 vc_col-xs-11″][vc_column_text css=”” el_class=”h-circle-pink”]<\/p>\n

3. PLUGIN WORDPRESS<\/h2>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

In the operation of image optimization, some useful WordPress plugins come to our aid. Thanks to them, it is possible to further increase the level of file compression and manage cases where the optimization needs to be applied to previously uploaded images. Let’s see few of the best plugins currently available.<\/span><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-sm vc_hidden-xs”][vc_empty_space height=”64px”][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-lg vc_hidden-md”][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

WP SMUSH<\/span><\/h3>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_single_image image=”2196″ img_size=”full” alignment=”center” css=”” qode_css_animation=””][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

This plugin processes JPEG, GIF, PNG images. It has both a free and premium version.
\nIt removes the hidden information from images to reduce their size without reducing the quality. It analyzes images and reduces their size as they are uploaded to the website. It handles up to 50 files and can be manually stopped. Moreover, it analyzes. It doesn’t matter in which directory the images are saved, the plugin finds and compresses them. It has an option to automatically set the width and height of all images.<\/span><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-sm vc_hidden-xs”][vc_empty_space height=”64px”][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-lg vc_hidden-md”][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

RESMUSH.IT IMAGE OPTIMIZER<\/span><\/h3>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_single_image image=”2205″ img_size=”full” alignment=”center” qode_css_animation=””][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

This plugin processes JPG, PNG, GIF images.
\nIt can optimize images as they are uploaded to the website and collectively optimize previously uploaded images. It limits optimization for uploads smaller than 5 MB and allows you to exclude individual images from compression. It uses the API to optimize images and allows you to choose the optimization level for your uploads.<\/span><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-sm vc_hidden-xs”][vc_empty_space height=”64px”][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-lg vc_hidden-md”][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

SHORTPIXEL IMAGE OPTIMIZER<\/span><\/h3>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_single_image image=”2198″ img_size=”full” alignment=”center” qode_css_animation=””][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

This plugin processes JPG, PNG, GIF, WebP images and PDF documents. The free account allows you to compress up to 100 images per month. It starts compressing images as soon as the plugin is activated and the original images are stored in a separate folder. It offers advanced features and allows you to compare the original file with the compress version.<\/span><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-sm vc_hidden-xs”][vc_empty_space height=”64px”][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-lg vc_hidden-md”][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

EWWW IMAGE OPTIMIZER<\/span><\/h3>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_single_image image=”2206″ img_size=”full” alignment=”center” qode_css_animation=””][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

This plugin processes JPG, PNG, GIF, WebP images and PDF documents.
\nIt can automatically optimize images as they are uploaded and the previously uploaded ones. All compression is made on its own servers, which means that it is not necessary to sign up and have an account to get an API key. It can also optimize images outside of the folders of the media library.<\/span><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-sm vc_hidden-xs”][vc_empty_space height=”64px”][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_hidden-lg vc_hidden-md”][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

COMPRESS JPEG & PNG IMAGES<\/span><\/h3>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width” row_type=”row” use_row_as_full_screen_section=”no” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_single_image image=”2195″ img_size=”full” alignment=”center” qode_css_animation=””][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=”” el_class=”p2″]<\/p>\n

This plugin processes JPEG and PNG images. To use it, an account is required and the free version allows you to optimize up to 100 images per month. It can optimize images as they are uploaded and images previously uploaded. Moreover, you can choose the size and weight of the images to be optimized.<\/span><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10 vc_hidden-sm vc_hidden-xs”][vc_empty_space height=”64px”][\/vc_column][\/vc_row][vc_row][vc_column offset=”vc_col-lg-offset-1 vc_col-lg-10″][vc_column_text css=””]<\/p>\n

CONSIDERATIONS<\/h3>\n

[\/vc_column_text][vc_column_text css=”” el_class=”p1 h-group-circle-pink”]<\/p>\n

You don\u2019t know where to start or want to optimize your site? Trust us.
\nOur expert team is ready to optimize your images and improve the performance of your website.<\/p>\n

Contact us<\/a> now for a personalized consultation and find out how we can help you to speed up your website and improve your online presence!<\/p>\n

[\/vc_column_text]\n

\n

<\/p>

    <\/ul><\/div>\n
    \n
    \n\n\n\n\n\n\n\n<\/div>\n
    \n\t
    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n

    \n\t
    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

    \n\t\t
    \n\t\t\t

    <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n