{"id":6029,"date":"2018-08-03T10:10:52","date_gmt":"2018-08-03T10:10:52","guid":{"rendered":"https:\/\/www.isunshare.com\/blog\/?p=6029"},"modified":"2021-11-19T09:36:58","modified_gmt":"2021-11-19T09:36:58","slug":"how-to-reduce-image-size-of-jpeg-png-without-losing-quality-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.isunshare.com\/blog\/how-to-reduce-image-size-of-jpeg-png-without-losing-quality-in-photoshop\/","title":{"rendered":"Image Compression: How to Reduce Image Size of JPEG\/PNG without Losing Quality in Photoshop"},"content":{"rendered":"<p>When it comes to images formats, we would\u00a0naturally think of JPEG and PNG. As for website editor or front-end developer,\u00a0choose a right image format not only can ensure image clarity but also improve the website opening speed. If you are a beginner, there is necessary for you to know what is JPEG\/PNG and what is difference between them. This short guide will give you a quick rundown to make a better understanding of JPEG\/PNG and <strong>how to reduce image\u00a0<\/strong><strong>size of JPEG\/PNG without losing quality in Photoshop<\/strong>.<\/p>\n<h2>What is JPEG\/PNG?<\/h2>\n<p><strong>JPEG:<\/strong> Also called JPG, it is a compressed image format. Jpg generally used in colorful pixels pictures which allow slight distortion; however, it&#8217;s not appropriate for photos with monotonous colors. The photo format taken by the camera is JPEG.<\/p>\n<p><strong>PNG:<\/strong> A lossless compression image format. It is fit for monotonous colors of pictures and acknowledged as the most fitness of network picture format.<\/p>\n<p><a href=\"https:\/\/www.isunshare.com\/blog\/wp-content\/uploads\/2018\/08\/difference-between-png-and-jpg.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-6030\" src=\"https:\/\/www.isunshare.com\/blog\/wp-content\/uploads\/2018\/08\/difference-between-png-and-jpg.webp\" alt=\"difference between png and jpg\" \/><\/a><\/p>\n<h2>How to Reduce Image Size of JPEG\/PNG without Losing Quality in Photoshop<\/h2>\n<p>In sometimes, you will find the size of the image is too large. As a result, we can reduce image size of JPEG\/PNG by changing its format. Now that let&#8217;s walk through tutorials below to learn about how to Reduce Image Size of JPEG\/PNG without losing quality in Photoshop.<\/p>\n<p>Step 1: Launch Adobe Photoshop and open the target picture.<\/p>\n<p>Step 2: Navigate to<strong> File<\/strong> &gt; <strong>Save for Web<\/strong>.<\/p>\n<p><a href=\"https:\/\/www.isunshare.com\/blog\/wp-content\/uploads\/2018\/08\/save-for-web.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"393\" class=\"alignnone size-full wp-image-6032\" src=\"https:\/\/www.isunshare.com\/blog\/wp-content\/uploads\/2018\/08\/save-for-web.jpg\" alt=\"save for web\" srcset=\"https:\/\/www.isunshare.com\/blog\/wp-content\/uploads\/2018\/08\/save-for-web.jpg 600w, https:\/\/www.isunshare.com\/blog\/wp-content\/uploads\/2018\/08\/save-for-web-300x197.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><strong>Step 3:<\/strong> In the popup window, select an\u00a0appropriate format and change other parameters to resize it. When your picture is\u00a0colorful pixels, select JPEG; otherwise, click on PNG-8 instead.<\/p>\n<p><a href=\"https:\/\/www.isunshare.com\/blog\/wp-content\/uploads\/2018\/08\/save-as-jpeg-png-8.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"557\" class=\"alignnone size-full wp-image-6033\" src=\"https:\/\/www.isunshare.com\/blog\/wp-content\/uploads\/2018\/08\/save-as-jpeg-png-8.jpg\" alt=\"save as jpeg png 8\" srcset=\"https:\/\/www.isunshare.com\/blog\/wp-content\/uploads\/2018\/08\/save-as-jpeg-png-8.jpg 300w, https:\/\/www.isunshare.com\/blog\/wp-content\/uploads\/2018\/08\/save-as-jpeg-png-8-162x300.jpg 162w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When it comes to images formats, we would\u00a0naturally think of JPEG and PNG. As for website editor or&#8230;<\/p>\n","protected":false},"author":3,"featured_media":6030,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[156,33,209],"tags":[268,267],"class_list":["post-6029","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-windows-10","category-windows-7","category-windows-8","tag-how-to-reduce-image-size","tag-image-compression"],"_links":{"self":[{"href":"https:\/\/www.isunshare.com\/blog\/wp-json\/wp\/v2\/posts\/6029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.isunshare.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.isunshare.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.isunshare.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.isunshare.com\/blog\/wp-json\/wp\/v2\/comments?post=6029"}],"version-history":[{"count":5,"href":"https:\/\/www.isunshare.com\/blog\/wp-json\/wp\/v2\/posts\/6029\/revisions"}],"predecessor-version":[{"id":125334,"href":"https:\/\/www.isunshare.com\/blog\/wp-json\/wp\/v2\/posts\/6029\/revisions\/125334"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.isunshare.com\/blog\/wp-json\/wp\/v2\/media\/6030"}],"wp:attachment":[{"href":"https:\/\/www.isunshare.com\/blog\/wp-json\/wp\/v2\/media?parent=6029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.isunshare.com\/blog\/wp-json\/wp\/v2\/categories?post=6029"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.isunshare.com\/blog\/wp-json\/wp\/v2\/tags?post=6029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}