How to resize an image in Photoshop and save it for optimal use on the web

ShutterstockYou can easily resize and save photos in Photoshop.

Whether you want to increase or decrease the size of an image,Photoshop makes it incredibly easy to resize a photo.

There are two ways this can be done in the Adobe graphics editor, and choosing which process depends on the results you’d like to achieve.

One method simply allows you to adjust the dimensions without greatly affecting the quality, colour profile, or information that is associated with every file.

The other is particularly useful for anyone who is creating content for the internet. In addition to changing the height and width of an image, it will also strip the photo of its metadata and slightly reduce the quality, thereby decreasing the file size and allowing it to load faster in a browser.

Here’s how to do both.

How to resize an image in Photoshop

1. Open the Photoshop app and click on “File” at the top menu bar followed by “Open…” to select your image. If you’re using a Mac, you can also drag the image over the Photoshop icon to quickly launch the app with your desired file.

2. Click on “Image” at the top menu bar followed by “Image Size…”

How to resize an image in PhotoshopChristina Liao/Business InsiderTo simply adjust the image size, you can do so from ‘Image’ at the top of the menu bar.

3. A window will pop up where you can adjust the width and height of your image based on either pixels or per cent.

How to resize an image in PhotoshopChristina Liao/Business InsiderIf you prefer to scale by percentage, just click the blue box with arrows next to ‘pixels’ and you can select ‘per cent.’

4.Click “OK” once you’ve made your desired adjustments.

5. To save the changes, click on “File” followed by “Save” or “Save As…” The former saves over the original file while the latter allows you to keep both the original and new file.

6. If you clicked “Save As…,” a window will pop up for you to select the location that you’d like to store the image. Once you’ve chosen where the photo will live on your computer, click “Save.”

How to resize an image in Photoshop for the web

1. Open the Photoshop app and click on “File” at the top menu bar followed by “Open…” to select your image. If you’re using a Mac, you can also drag the image over the Photoshop icon to quickly launch the app with your desired file.

2. Click on “Image” at the top menu bar followed by “Save for Web & Devices…”

3. A window will pop up where you can adjust the width and height of your image based on pixels or scale by percentage. For web, you typically want to adjust the resolution to 72 dpi.

How to resize an image in PhotoshopChristina Liao/Business Insider‘Save for Web’ also allows you to scale images based on pixels or percentage. You can also adjust the quality and assure that your photo is in a RGB colour profile.

4. Click on “Save” once you’ve made your changes.

5. Another window will pop up for you to select where you’d like to save your image. Once you’ve chosen where the photo will live on your computer, click “Save.”

Related coverage from How To Do Everything: Tech:

Business Insider Emails & Alerts

Site highlights each day to your inbox.

Follow Business Insider Australia on Facebook, Twitter, LinkedIn, and Instagram.