{"id":1705,"date":"2012-02-15T01:26:46","date_gmt":"2012-02-14T19:56:46","guid":{"rendered":"https:\/\/www.chitrangana.com\/?p=1705"},"modified":"2012-02-15T01:28:07","modified_gmt":"2012-02-14T19:58:07","slug":"how-can-i-save-images-for-the-web-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.chitrangana.com\/Consultant\/how-can-i-save-images-for-the-web-in-photoshop\/","title":{"rendered":"Save images for Web in Photoshop"},"content":{"rendered":"
One of the more critical features that Photoshop offers is the Save for Web \/ devices offer.
\nWhy use it? While you could just save your file in a standard method such as File \/ Save As, Save for Web \/ devices function does three things are crucial.<\/p>\n
It optimizes the file dimensions (for example: 150 px X 150 px) allowing it to fit into web pages cleaner and look better and less distorted.<\/p>\n
To get started, you\u2019ll need to go to File\/Open to open your file. It can be in any format \u2013 jpg, gif, psd, png or others. As long as Photoshop can open it, you can output it for the web.<\/p>\n
<\/a><\/p>\n We are going to skip ahead to saving for the Web, assuming that you\u2019ve made whatever adjustments you require. Obviously, if you need to edit the image, do that first and continue with this step later.<\/p>\n Go to File \/ Save for Web\/Devices and click. It is about half way down the drop down menu.<\/p>\n This process doesn\u2019t change your original file at all. You are creating a new file. Once you complete this tutorial and return to your original image in Photoshop you\u2019ll need to save that file if you\u2019ve made any changes to it. It\u2019s important to name your new image different than your original one. Often simply adding _web to the file name will work well. (example: filename_web.jpg)<\/p>\n <\/a><\/p>\n In this option, the type of original file doesn\u2019t matter. You can choose whatever file you need.<\/p>\n Note: to begin the process you\u2019ll need to click on the image on the right. The image needs to be selected to be processed.<\/p>\n The most common is jpg for the web \u2013 it is the smallest file format which means it downloads faster for your site visitors. If you have transparency chose png-24. If you don\u2019t know what transparency means you should chose jpg.<\/p>\nStep 3 : Chose the File Type for Export<\/h1>\n
Step 4 : Choose Image Quality<\/h1>\n