{"id":200,"date":"2016-03-04T13:17:32","date_gmt":"2016-03-04T19:17:32","guid":{"rendered":"https:\/\/www.visualfuture.com\/davetech\/?p=200"},"modified":"2016-03-04T13:17:32","modified_gmt":"2016-03-04T19:17:32","slug":"compress-photo-realistic-images-to-jpg-for-use-on-the-web","status":"publish","type":"post","link":"https:\/\/www.visualfuture.com\/davetech\/2016\/03\/04\/compress-photo-realistic-images-to-jpg-for-use-on-the-web\/","title":{"rendered":"Compress photo-realistic images to JPG for use on the web"},"content":{"rendered":"<p>Setup:<\/p>\n<p>Select &#8216;Save for Web&#8217; and adjust the tab for the &#8216;2-Up&#8217; display.<\/p>\n<p>Set the compression method to JPEG.<\/p>\n<p>Select the &#8216;Progressive&#8217; option.<\/p>\n<p><a href=\"https:\/\/www.visualfuture.com\/davetech\/wp-content\/uploads\/2016\/03\/ps-compression-settings.jpg\" rel=\"attachment wp-att-201\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-201\" src=\"https:\/\/www.visualfuture.com\/davetech\/wp-content\/uploads\/2016\/03\/ps-compression-settings-300x231.jpg\" alt=\"Photoshop Save-for-web\" width=\"300\" height=\"231\" srcset=\"https:\/\/www.visualfuture.com\/davetech\/wp-content\/uploads\/2016\/03\/ps-compression-settings-300x231.jpg 300w, https:\/\/www.visualfuture.com\/davetech\/wp-content\/uploads\/2016\/03\/ps-compression-settings-768x592.jpg 768w, https:\/\/www.visualfuture.com\/davetech\/wp-content\/uploads\/2016\/03\/ps-compression-settings.jpg 994w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Compressing:<\/p>\n<p>Click on the drop-down to the right of &#8216;Quality&#8217; so that the slider appears.\u00a0 Then move the slider all the way to the left so that &#8216;Quality: 0.&#8217;<\/p>\n<p>The image will likely look bad at this point which is expected.<\/p>\n<p>Start moving the slider to the right in small increments.\u00a0 If the image is large then also use the &#8216;hand tool&#8217; to inspect different areas of the image.\u00a0 Try to find areas where the compression is most evident.<\/p>\n<p>Repeat the process of gradually moving the slider to the right and inspecting the image.\u00a0 Stop when the image is sufficiently beautiful!<\/p>\n<p>In general, starting from maximum compression and then reducing the compression almost always results in a smaller file size than starting with no compression.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Setup: Select &#8216;Save for Web&#8217; and adjust the tab for the &#8216;2-Up&#8217; display. Set the compression method to JPEG. Select the &#8216;Progressive&#8217; option. Compressing: Click on the drop-down to the right of &#8216;Quality&#8217; so that the slider appears.\u00a0 Then move the slider all the way to the left so that &#8216;Quality: 0.&#8217; The image will &hellip; <a href=\"https:\/\/www.visualfuture.com\/davetech\/2016\/03\/04\/compress-photo-realistic-images-to-jpg-for-use-on-the-web\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Compress photo-realistic images to JPG for use on the web<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.visualfuture.com\/davetech\/wp-json\/wp\/v2\/posts\/200"}],"collection":[{"href":"https:\/\/www.visualfuture.com\/davetech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.visualfuture.com\/davetech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.visualfuture.com\/davetech\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.visualfuture.com\/davetech\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":1,"href":"https:\/\/www.visualfuture.com\/davetech\/wp-json\/wp\/v2\/posts\/200\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/www.visualfuture.com\/davetech\/wp-json\/wp\/v2\/posts\/200\/revisions\/202"}],"wp:attachment":[{"href":"https:\/\/www.visualfuture.com\/davetech\/wp-json\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.visualfuture.com\/davetech\/wp-json\/wp\/v2\/categories?post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.visualfuture.com\/davetech\/wp-json\/wp\/v2\/tags?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}