{"id":329,"date":"2020-11-03T20:26:49","date_gmt":"2020-11-03T20:26:49","guid":{"rendered":"https:\/\/localwp.com\/?post_type=help&#038;p=329"},"modified":"2023-06-15T20:35:07","modified_gmt":"2023-06-15T20:35:07","slug":"image-optimizer","status":"publish","type":"help","link":"https:\/\/localwp.com\/help-docs\/local-features\/image-optimizer\/","title":{"rendered":"Image Optimizer"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Image Optimizer is an Add-on for Local that helps you optimize the images on your site by efficiently compressing those images and removing unnecessary data. A site that uses un-optimized images will score lower in SEO ranking and potentially frustrate users with slower performance.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group help-doc-toc\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Table of Contents:<\/p>\n\n\n<nav aria-label=\"Table of Contents\" class=\"wp-block-table-of-contents\"><ol><li><a class=\"wp-block-table-of-contents__entry\" href=\"#get-image-optimizer\">Get Image Optimizer<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#using-image-optimizer\">Using Image Optimizer<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#how-the-images-are-optimized\">How the images are optimized<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#image-metadata\">Image Metadata<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#original-images\">Original images<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"#troubleshooting\">Troubleshooting<\/a><\/li><\/ol><\/nav><\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"get-image-optimizer\" style=\"color:#000000\"><strong>Get Image Optimizer<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The easiest way to get the Image Optimizer is to install it from the Add-ons tab within Local.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-style-drop-shadow\"><img decoding=\"async\" width=\"1024\" height=\"702\" src=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/10\/image-optimizer-addon-page-1024x702.png\" alt=\"\" class=\"wp-image-330\" srcset=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/10\/image-optimizer-addon-page-1024x702.png 1024w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/10\/image-optimizer-addon-page-300x206.png 300w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/10\/image-optimizer-addon-page-768x526.png 768w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/10\/image-optimizer-addon-page-1536x1053.png 1536w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/10\/image-optimizer-addon-page-2048x1403.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">You can also manually download the add-on from the <strong><span style=\"text-decoration: underline;\"><a rel=\"noreferrer noopener\" href=\"https:\/\/localwp.com\/add-ons\/local-addon-image-optimizer\/\" target=\"_blank\">Image Optimizer Add-ons page<\/a>.<\/span><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re curious about how this add-on was built, or want to manually install the add-on from the source code take a look at the <a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/getflywheel\/local-addon-image-optimizer\" target=\"_blank\"><strong><span style=\"text-decoration: underline;\">repository on Github<\/span><\/strong><\/a>.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"using-image-optimizer\" style=\"color:#000000\"><strong>Using Image Optimizer<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once the Add-on has been installed, you can find Image Optimizer under the &#8220;Tools&#8221; tab for the site you&#8217;d like to work on. The general workflow for using Image Optimizer looks like this:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Scan for images to be optimized.<\/li>\n\n\n\n<li>Select which images to process.<\/li>\n\n\n\n<li>Sit back and let the tool optimize!<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1300\" style=\"aspect-ratio: 2000 \/ 1300;\" width=\"2000\" controls src=\"https:\/\/localwp.com\/wp-content\/uploads\/2021\/06\/image-optimizer-basic-usage.mp4\"><\/video><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"how-the-images-are-optimized\" style=\"color:#000000\"><strong>How the images are optimized<\/strong><\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Ok, great, I&#8217;m saving space, but what&#8217;s really happening to the media used on my site?<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">At this time, Image Optimizer is focused on a few things to get your images in the best place they can be.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s a shortlist of things that Image Optimizer is doing:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Only\u00a0<code>jpeg<\/code>\u00a0images are optimized. Other media like\u00a0<code>png<\/code>,\u00a0<code>gif<\/code>,\u00a0<code>svg<\/code>, or\u00a0<code>.mp4<\/code>\u00a0are not handled at this time, though optimizing additional file types is on the roadmap.<\/li>\n\n\n\n<li>Only&nbsp;<code>jpeg<\/code>&#8216;s that are contained within the&nbsp;<code>wp-content\/uploads<\/code>&nbsp;folder will be scanned and optimized. Any images that are contained within another folder like the theme, or any plugin folders will not be optimized.<\/li>\n\n\n\n<li>If enabled in the Add-on settings, file metadata will be removed. The kind of metadata that is removed relates to things like camera settings, EXIF metadata, and other potentially identifying data. This helps decrease file size as well as remove potentially sensitive, identifying data. <\/li>\n\n\n\n<li>To ensure that there isn&#8217;t any loss of quality, only &#8220;Lossless&#8221; compression is available. Future versions of Image Optimizer will include the ability to optimize with &#8220;Lossy&#8221; compression.<\/li>\n<\/ol>\n\n\n<div id=\"help-step-block_77f0a646bb41b1929097298d113094d4\" class=\"help-note-container help-type-note\">\n\t<div class=\"help-icon\">\n\t\t<svg viewBox=\"0 0 512 512\" fill=\"currentColor\"><path fill=\"currentColor\" d=\"M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-464a208 208 0 1 0 0 416 208 208 0 1 0 0-416zm70.7 121.9c7.8-10.7 22.8-13.1 33.5-5.3 10.7 7.8 13.1 22.8 5.3 33.5L243.4 366.1c-4.1 5.7-10.5 9.3-17.5 9.8-7 .5-13.9-2-18.8-6.9l-55.9-55.9c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l36 36 105.6-145.2z\"><\/path><\/svg>\t<\/div>\n    <div class=\"help-text\">\n\t\t<p>Settings can be adjusted in &#8220;Preferences &gt; Add-ons &gt; Image Optimizer&#8221;<\/p>\n\t<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-style-drop-shadow\"><img decoding=\"async\" width=\"1024\" height=\"702\" src=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-addon-settings-1024x702.png\" alt=\"\" class=\"wp-image-338\" srcset=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-addon-settings-1024x702.png 1024w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-addon-settings-300x206.png 300w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-addon-settings-768x526.png 768w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-addon-settings-1536x1053.png 1536w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-addon-settings-2048x1403.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"image-metadata\" style=\"color:#000000\"><strong>Image Metadata<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">One of the optimizations that Image Optimizer performs is to strip the metadata from a file.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Often digital photos will contain all sorts of information related to the image, which is useful when editing the image in tools like Photoshop. When publishing images on the web, this information isn&#8217;t useful and, in some cases, can leak private data to the world.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re curious about the exact kind of data being stripped, I recommend using a tool like&nbsp;<a target=\"_blank\" href=\"https:\/\/exiftool.org\/\" rel=\"noreferrer noopener\"><strong>exiftool<\/strong><\/a>&nbsp;to compare the original image with the optimized one. For example, here&#8217;s an image taken with a Google Pixel and run through the Image Optimizer tool.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-style-drop-shadow\"><a href=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-comparing-metadata.png\"><img decoding=\"async\" width=\"1024\" height=\"581\" src=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-comparing-metadata-1024x581.png\" alt=\"\" class=\"wp-image-342\" srcset=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-comparing-metadata-1024x581.png 1024w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-comparing-metadata-300x170.png 300w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-comparing-metadata-768x436.png 768w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-comparing-metadata-1536x872.png 1536w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-comparing-metadata-2048x1162.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"original-images\" style=\"color:#000000\"><strong>Original images<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">All original images are saved to the&nbsp;<code>backups<\/code>&nbsp;folder within the Local site which can be reached by right-clicking on the site in Local and selecting &#8220;Reveal in Finder.&#8221;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-style-drop-shadow\"><img decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-navigate-to-backup-images-1024x632.png\" alt=\"\" class=\"wp-image-339\" srcset=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-navigate-to-backup-images-1024x632.png 1024w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-navigate-to-backup-images-300x185.png 300w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-navigate-to-backup-images-768x474.png 768w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-navigate-to-backup-images-1536x947.png 1536w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-navigate-to-backup-images-2048x1263.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"> You can always review or restore the original images by copying them back to their original location within the&nbsp;<code>wp-content\/uploads<\/code>&nbsp;folder.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-style-drop-shadow\"><img decoding=\"async\" width=\"1024\" height=\"352\" src=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/10\/image-optimizer-backup-image-1024x352.png\" alt=\"\" class=\"wp-image-332\" srcset=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/10\/image-optimizer-backup-image-1024x352.png 1024w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/10\/image-optimizer-backup-image-300x103.png 300w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/10\/image-optimizer-backup-image-768x264.png 768w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/10\/image-optimizer-backup-image-1536x527.png 1536w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/10\/image-optimizer-backup-image-2048x703.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"troubleshooting\" style=\"color:#000000\"><strong>Troubleshooting<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The best way to zero in on what has gone wrong with the optimization process is to review what messages are in the Local Log. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To access the Log, click on &#8220;Help &gt; Reveal Local&#8217;s Log&#8221; or see this <a rel=\"noreferrer noopener\" href=\"https:\/\/localwp.com\/community\/t\/how-do-i-retrieve-locals-log-file\/3720\" target=\"_blank\"><strong><span style=\"text-decoration: underline;\">help doc<\/span><\/strong><\/a> for more information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you are viewing the log, you should see Image Optimizer entries that look something like this, and should give you a general direction on what things to investigate next.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-style-drop-shadow\"><img decoding=\"async\" width=\"1024\" height=\"166\" src=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-log-entries-1024x166.png\" alt=\"\" class=\"wp-image-340\" srcset=\"https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-log-entries-1024x166.png 1024w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-log-entries-300x48.png 300w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-log-entries-768x124.png 768w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-log-entries-1536x248.png 1536w, https:\/\/localwp.com\/wp-content\/uploads\/2020\/11\/image-optimizer-log-entries-2048x331.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/community.localwp.com\/c\/support\/5\" target=\"_blank\" rel=\"noreferrer noopener\">Get Community Support<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Image Optimizer is an Add-on for Local that helps you optimize the images on your site by efficiently compressing those images and removing unnecessary data. A site that uses un-optimized images will score lower in SEO ranking and potentially frustrate users with slower performance. Table of Contents: Get Image Optimizer The easiest way to get&#8230;<\/p>\n","protected":false},"author":49,"parent":800,"menu_order":0,"template":"","tags":[28,41],"helpcategories":[],"class_list":["post-329","help","type-help","status-publish","hentry","tag-add-ons","tag-features"],"acf":{"help_keywords":""},"_links":{"self":[{"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/help-doc\/329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/help-doc"}],"about":[{"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/types\/help"}],"author":[{"embeddable":true,"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/users\/49"}],"version-history":[{"count":0,"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/help-doc\/329\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/help-doc\/800"}],"wp:attachment":[{"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/media?parent=329"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/tags?post=329"},{"taxonomy":"helpcategories","embeddable":true,"href":"https:\/\/localwp.com\/wp-json\/wp\/v2\/helpcategories?post=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}