Exporting images can sometimes get confusing. Let’s face it, there are lots of different settings to choose and endless combinations of numbers to input. So today I am going to break it down in an easy step by step and let you know exactly what you need to do to export photos for the web.
**Please note: When I say web, I am including Facebook, blogs, and pretty much anywhere you post on the web! The setting will all be the same or very similar.
Opening for Export
You can get to the Export dialog in 3 ways.
- The first is just highlight/select any photo from your filmstrip and right-click on the photo. From the menu that pops up, select Export>Export.
- The second is to select File>Export.
- The third way is to use a keyboard shortcut shift+command/ctrl+E
It doesn’t matter how you get there. Any of these will work so choose the one easiest to remember for you.
The Export Dialog Box
The Export Dialog Box has many different sections. For the purpose of this post, we are going to cover three of them in depth.
In File Settings, you need to make sure that your Image Format is set to JPEG. This is the most web-friendly of the options. Your Quality should be no less than 90. I set it to 100. Your Color Space should be sRGB. This is the Color Space used by the web so will render the best. DO NOT check the box “Limit File Size to:”. Checking that box would decrease file quality significantly.
Under Image Sizing, I check the box Resize to Fit and select Long Edge. In the box next to “pixels” I specify 1000. I don't want my Facebook files to be huge and that number is big enough for my blog. You can use any number between 1000 and 2048.
You could also do the same thing by choosing Width and Height instead of Long Edge and typing 1000 in both the width and height boxes next to pixels.
I choose that number because it is big enough to look good on Facebook and is large enough for my blog--the 2 places I share files most on the web. In the Resolution box I type 72 and make sure the box next to it is set to “pixels per inch.”
In the Output Sharpening section, check the box next to “Sharpen For.” I select Screen from the drop-down box and set the Amount to Low. Web sharpening can get crazy fast and this works best for me.
You can choose whether you want the images you post to the web to be watermarked or not. If you’d like them to be watermarked, check the box next to Watermark and select the watermark you’d like them to have from the drop-down box.
In order to save you time deciphering these boxes, we have put together the Watermarks+Import and Export Presets to help save you time when exporting your photos. There are 3 different export for the web presets as well as export presets for print, CD, and gallery previews. In addition to this there are several Import presets and several watermark options. These will save you time and give you many great options during export. You can even customize them to fit your needs!
We have also created this FREE Cheat Sheet for you to download to help make all this a little easier!
Thanks to Allison Wheeler for this great video showing how to apply this cheat sheet to your own images.