How to Export Images Out of Photoshop for the Web

When saving an image for the web, it is important to save it correctly in Photoshop.

To export your image, click the file and choose export and export as. Don't choose to save or save for the web.

Get the latest version of Adobe Photoshop: (affiliate link)

In the export settings, you'll have a lot of options for correctly compressing your image for the web. You can start by choosing a file type and Jpeg is the best file type and compression for any website or social media.
If you need transparency for savings logos, for example, choose PNG.

Next, reduce the file size by adjusting the width and height of your image. 1200 pixels for the height should look good on any website. Press the tab and the width will adjust automatically.

You can also reduce the quality of the Jpeg if you need to further reduce the size of the file. You can always see the current size based on your settings on the left side.

In the middle, you can view your image side by side comparing the original and compressed image for the web.

Want the ultimate course for learning Photoshop? I’ve put together a 10-section, nearly 100 video course teaching you everything you ever wanted to learn about Photoshop.

[CreativeRoomVideos]

Want the ultimate course for learning Photoshop? I’ve put together a 10 section, nearly 100 video course teaching you everything you ever wanted to learn about Photoshop.

[rameenana]

Quick, detailed, easy to understand tutorial with no BS. Thank you. Appreciate your work, mate.

[JulieFunderburk]

This is literally the best and easiest explanation of how to do to a high quality export - thanks so much!!

[bossthings]

After searching for so long, I came across your tutorial that was straight to the point and very helpful! Thank you so much. God sent!

[krizzaa]

The most informative and useful tutorial for exporting images I have found! Thanks!

[whoisnuski]

Thank you so much man, this video really helped me out ! 💕

[HealthglowsNet]

Thank you for this super informative and helpful tutorial.

[ldouglass]

I know I'm late to the game as I just came across this. Simple, easy to understand and straight to the point. Just what the Dr. ordered. Thank you

[lemonking]

QUESTION: I don't know why but the image on photoshop after color grading looks amazing, when I export it... it doesnt look as vibrant on my desktop & even worse on my iphone... its on srgb so I dont know the problem :(

[ernestor.salazar]

Great video thank you very much for sharing my friend.

[Hurleypt]

When I load my pictures compressed onto my Elementor from photoshop they end up a lot darker... Can you point me in the right direction? Cheers! Good video.. Just wish I knew how to figure this out!

[BneiAnusim]

Before we had "Save for the Web" Legacy which is more granular, you have more control. But I found that with Export/Export As the quality is much better. Anyways, for some reason I keep getting this error when I try to use Legacy Save for Web: Could not complete this operation. An unknown error has occurred.

[pixelmasque]

export as is helpful, you can
- compare before and after adjustments, (2 up)
- you can scale and adjust quality.
- remove metadata
- export multiple scales at once.

However adjusting image quality for Jpegs does not allow creating a Progressive jpeg (correct me i`m wrong). Thats why I like batch processing exports with an action through File > Save as > Jpeg, and using the progressive jpeg settings at 5 so a first initial image is laid down on the webpage, with progressive enhancements to quality as it loads.

[chandrib]

I need a background for zoom meeting...i made the file on photoshop which was 7mb..but the jpg gets saved to 460kb and it is pixelated when used for zoom ..how do i get max resolution.

[justwandermaya]

Is everyone switching over to webp for image files?

[Fifafu]

Hi, is there a way to export images that way as a batch? I used the Photoshop Imageprocessor before but it doesnt have the resampling option.

[notcollyn]

400KB still seems a bit large for a picture on web, if you have multiple pictures you force users to download multiple MB just to view the pictures, is this ideal?

[JerryJeweler]

When you save it, why does it say open and not save?

[tammymartin]

How to export into lightroom .I used (control w)..but my file is a tiff.looks so pixelated .i like exporting all my images together from lightroom into one folder on the desktop..not individually. Is there a way?

[gaylyns]

Hi, I want to know if there is a way to resize a folder of images as a batch?