{"id":15038,"date":"2026-11-09T20:09:20","date_gmt":"2026-11-09T18:09:20","guid":{"rendered":"https:\/\/shortpixel.com/blog\/?p=15038"},"modified":"2026-11-09T20:09:22","modified_gmt":"2026-11-09T18:09:22","slug":"how-to-show-clients-the-results-of-image-optimization","status":"publish","type":"post","link":"https:\/\/shortpixel.com\/blog\/how-to-show-clients-the-results-of-image-optimization\/","title":{"rendered":"How to Show Clients the Results of Image Optimization"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">You&#8217;ve just optimized a few thousand images on a client&#8217;s site. Pages load faster, the uploads folder is lighter, and you&#8217;re happy with the result. Then the client writes back: &#8220;Great, but what exactly changed?&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s a fair question. When image optimization is done well, the photos look exactly as they did before. The work is real, but it&#8217;s also invisible, and invisible work is easy to undervalue.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So you need to make it visible. Below are the methods we&#8217;d use to show a client what happened to their images, from the quick check in the Media Library to opening the actual files on the server.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why the numbers matter to your client<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For most clients, &#8220;image optimization&#8221; is a line on an invoice. If they can&#8217;t see what it did, it&#8217;s one of the first things they&#8217;ll question when budgets get reviewed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Showing results changes that conversation. A sentence like &#8220;your images are 68% smaller and your homepage now loads 7 MB less&#8221; is concrete. They can repeat it to their boss. It also makes it easier to talk about the next step later, whether that&#8217;s next-gen formats, a CDN or better hosting.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One practical thing before you start: record the &#8220;before&#8221; state. Run a PageSpeed Insights test on the main pages, check the total image weight in the browser and note the size of a few large files. Without a baseline, you&#8217;ll be comparing your results against nothing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Method 1: The ShortPixel column in the Media Library<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is the fastest way to show results, and the client can check it on their own whenever they log in.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go to <strong>Media &gt; Library<\/strong> and switch to <strong>List View<\/strong> (the icon with horizontal lines, next to the grid icon). A new column called <strong>ShortPixel Compression<\/strong> appears on the right side of the table. For each image, it shows:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>the percentage saved and the <a href=\"https:\/\/shortpixel.com\/blog\/introducing-smartcompress\/\">compression level<\/a> used (Lossy, Glossy or Lossless);<\/li>\n\n\n\n<li>how many thumbnails were processed;<\/li>\n\n\n\n<li>whether WebP or AVIF versions were created.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">If you want a visual walkthrough, our Knowledge Base has <a href=\"https:\/\/shortpixel.com\/knowledge-base\/article\/how-to-check-if-spio-optimized-the-images\/\">a guide to checking if your images were optimized<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If the column isn&#8217;t there, open <strong>Screen Options<\/strong> in the top right corner, check <strong>ShortPixel Compression<\/strong> and click <strong>Apply<\/strong>. Another image optimization plugin can also hide it. You shouldn&#8217;t run two optimizers on the same site anyway.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Let them compare the images side by side<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Percentages are useful, but most clients are more convinced by what they see with their own eyes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the ShortPixel column, open the menu for an image and click <strong>Compare<\/strong>. A window opens with the original and the optimized version next to each other. Ask the client to find the difference. Usually they can&#8217;t, and that does more for your case than any table.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choose your examples with some care. A 4 MB hero banner that drops to 600 KB makes a strong point. A small icon that goes from 20 KB to 15 KB doesn&#8217;t.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Method 2: The overall stats in the plugin<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Individual images are good examples. The client will also want the total.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The plugin&#8217;s statistics show how many images were processed, how much disk space was saved and the average compression. That gives you a headline number for the report: &#8220;We saved 1.8 GB across your Media Library, with an average reduction of 64%.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Be precise about what this number means. Disk space saved is about storage. It&#8217;s not the same as the bandwidth your visitors save. That depends on how often each image is loaded, on caching and on which format the browser receives. If the client cares about transfer size, measure it in the browser (see Method 4).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Method 3: Open the actual files<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Some clients, especially technical ones, prefer proof that doesn&#8217;t come from the plugin itself. In that case, show them the files.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If backups are enabled, ShortPixel keeps the original images in a separate folder, by default:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\/wp-content\/uploads\/ShortpixelBackups\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To compare an image:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the hosting file manager (cPanel, Plesk or similar) or connect through FTP with a client like FileZilla. Both show the size of each file in a column next to its name.<\/li>\n\n\n\n<li>Pick an optimized image in your uploads folder and note its size.<\/li>\n\n\n\n<li>Find the same file in ShortpixelBackups and note the original size. The backup path may repeat the original file path, including wp-content\/uploads, so check the folder structure first.<\/li>\n\n\n\n<li>Compare the two.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">A quick comparison might look like this:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>File<\/strong><\/td><td><strong>Original (backup)<\/strong><\/td><td><strong>Optimized<\/strong><\/td><td><strong>Saved<\/strong><\/td><\/tr><tr><td>hero-banner.jpg<\/td><td>3.9 MB<\/td><td>612 KB<\/td><td>84%<\/td><\/tr><tr><td>product-red-sneakers.png<\/td><td>1.2 MB<\/td><td>288 KB<\/td><td>76%<\/td><\/tr><tr><td>team-photo.jpg<\/td><td>2.4 MB<\/td><td>540 KB<\/td><td>78%<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Illustrative values. Your client&#8217;s numbers will depend on the original images and the compression level.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A table like this is also handy for the client report. It&#8217;s easy to read, and anyone with access to the server can check the numbers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While you&#8217;re in the uploads folder, point out the .webp and .avif files next to the originals. These are the next-gen versions, often smaller than the optimized JPG or PNG. If you&#8217;re not sure <a href=\"https:\/\/shortpixel.com\/blog\/avif-vs-webp\/\">how AVIF and WebP compare<\/a>, we&#8217;ve covered the differences in a separate guide. When WebP\/AVIF delivery is properly configured, compatible browsers can receive these lighter versions instead of the original JPG or PNG files.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For a reliable comparison, compare individual matching files rather than folder totals. Totals can be misleading. WordPress generates thumbnails, ShortPixel may add WebP and AVIF versions, and your backup settings decide which originals are kept in the first place.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Keep the backups on the server until the client has seen everything. Once you&#8217;ve documented the results, consider downloading a copy of the original backups before removing them from the server. That way, you can free up hosting space without losing the ability to restore the original images later.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Method 4: Measure the difference in the browser<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Smaller files only matter to the client if they mean a faster site, so measure that too.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Chrome DevTools.<\/strong> Open the page, press F12 and go to the <strong>Network<\/strong> tab. Check <strong>Disable cache<\/strong>, select the <strong>Img<\/strong> filter and reload the page. With the filter active, check the transferred size of the image requests in the status bar at the bottom of the panel. This gives you a clearer picture of how much image data the page actually downloads. Compare it with your &#8220;before&#8221; measurement and you have a figure clients understand: &#8220;The homepage used to load 9.4 MB of images. Now it&#8217;s 1.7 MB.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>PageSpeed Insights.<\/strong> Image-related recommendations, such as improving image delivery or serving next-gen formats, should get smaller or disappear. LCP may improve as well, especially when a heavy hero image was the main problem.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A word of caution here. PageSpeed scores move up and down between runs, and many factors besides images affect them. Test the same page under similar conditions, with the same browser settings and cache behavior. Focus on image transfer sizes and image-related recommendations, not on one overall score.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Bonus: Export the Optimization Report<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If the client wants a detailed record, ShortPixel also offers an Optimization Report. Log in to your ShortPixel account, open <strong>Reports<\/strong> and click <strong>Download Report<\/strong> to get a CSV file. If you use the WordPress plugin, the same report is linked from the plugin&#8217;s statistics panel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The report includes original and optimized file sizes, compression percentages and optimization dates. That makes it useful when a client wants a detailed breakdown rather than just a summary. It covers the last 30 days, so download it soon after a big bulk optimization and keep it with the project documentation. If you need help reading the columns, see <a href=\"https:\/\/shortpixel.com\/knowledge-base\/article\/how-to-interpret-the-optimization-report\/\">how to interpret the Optimization Report<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Putting it into one page<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The client doesn&#8217;t need a long report. One page with these items usually does the job:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>the headline result: images processed, space saved, average compression<\/li>\n\n\n\n<li>two or three before\/after examples from the Compare view<\/li>\n\n\n\n<li>a short table with original and optimized file sizes<\/li>\n\n\n\n<li>image weight per page before and after, measured in the browser<\/li>\n\n\n\n<li>a note that new uploads are optimized automatically, plus anything you&#8217;d recommend next<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">If you manage several client sites, turn this into a template. Filling it in takes a few minutes, and the client sees each month what they&#8217;re paying for.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Final thoughts<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Clients don&#8217;t need to understand compression algorithms. They need to see that their site is lighter and faster, and they need numbers they can trust.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Media Library and the Compare view give you quick, visual proof. The statistics and the CSV report give you the totals. The files on the server and a browser measurement give you evidence the client can check without relying on the plugin&#8217;s word for it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you haven&#8217;t optimized your client sites yet, <a href=\"https:\/\/shortpixel.com\/free-sign-up\">start with a free ShortPixel account<\/a> and get your first numbers.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-palette-color-4-border-color has-palette-color-6-background-color has-background is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-02a0377d wp-block-group-is-layout-flex\" style=\"border-width:1px;border-radius:20px;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60);padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<h3 id=\"cta-heading\" class=\"wp-block-heading\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><strong>Try ShortPixel on WordPress for free!<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Easily optimize your pictures and generate WebP\/AVIF in bulk using ShortPixel Image Optimizer.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get Started<\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>You&#8217;ve just optimized a few thousand images on a client&#8217;s site. Pages load faster, the uploads folder is lighter, and you&#8217;re happy with the result. Then the client writes back: &#8220;Great, but what exactly changed?&#8221; It&#8217;s a fair question. When image optimization is done well, the photos look exactly as they did before. The work [&hellip;]<\/p>\n","protected":false},"author":37,"featured_media":15039,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-15038","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-image-optimization"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/15038","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/comments?post=15038"}],"version-history":[{"count":1,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/15038\/revisions"}],"predecessor-version":[{"id":15040,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/15038\/revisions\/15040"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/media\/15039"}],"wp:attachment":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/media?parent=15038"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/categories?post=15038"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/tags?post=15038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}