New Workshop: Photographing Group Portraits!

Post Production Tips

How to Create a Web-Sized Image Export Preset in Lightroom 4

By Pye Jirsa on April 16th 2013

The following is an excerpt from the SLR Lounge Lightroom Workflow System Workshop on DVD, a system designed to increase your post production speed by 5 to 10 times. Click here to view more details.

Introduction

Depending on the intended use, there are a variety of ways to export our images out of Lightroom 4. In this tutorial, we will prepare our images to be exported as web-sized images for emailing, blogging, etc. We will also demonstrate how to create a Web-Sized Image Export Preset in Lightroom 4. It is a good idea to first go through the “Creating a Print-Sized Image Export Preset in Lightroom 4” tutorial, as we will be basing the Web-Sized Export Preset off of the Print-Sized Export Preset we previously created.

Watch the video or continue reading the article below.

Watch the Video

1. Export Location

First, bring up the Export Dialogue Box by pressing “Ctrl + Shift + E.” The Export Dialogue Box is where we will dial in the settings for the Web-Sized Image Export Preset. Select “01_PrintSized” from the left side of the dialogue box, as we have done so below. “01_PrintSized” is the Print-Sized Image Export Preset that will we use to create the Web-Sized Image Export Preset.

01-lightroom-4-export-dialogue-box-web-export

Next, we are going to select a different subfolder for the Web-Sized Export Preset. Since we are exporting our images as web-sized images, delete “01_PrintSized” and type in “02_WebSized” instead. All other Export Location settings will remain defaulted from the Print-Sized Export Preset. Your Export Location settings should look like the settings below.

02-lightroom-4-export-location-settings

2. File Naming

We have already renamed our images in the “How to Rename and Create Filename Presets” article. Therefore, leave the default settings where they are at, since we will not be renaming our images again.

03-lightroom-4-file-naming-settings

3. File Settings

Once again, we will skip over the Video settings since we are only exporting images. In File Settings, we recommend that you set “Quality” to about 75-80. At 75-80, you will get a reduction in file size but not too much where the overall quality of the image is noticeably degraded. We want the image quality to be lower because our images need to be slightly smaller so that we can easily use these images on the web as well as easily send and receive them via email. We recommend that you do not limit the file size since your image quality will oftentimes be degraded too much in order to reach the file size limitation that you specified. We can leave “Image Format” and “Color Space” at their default settings from the Print-Sized Export Preset. Your File Settings should look similar to the settings below.

04-lightroom-4-file-settings

4. Image Sizing

In the Image Sizing, check the box next to “Resize to Fit.” Then select “Long Edge” from the dropdown menu. Our blog width for Lin & Jirsa Photography is 900 pixels wide, so we will choose 850 pixels as the maximum width for our images. Choose whatever size that best fits your blog size and website needs. We recommend choosing anywhere between 600-1000 pixels. For “Resolution,” we are going to set the resolution to screen resolution, which is at 72. It is worth noting that some screens have a higher DPI, but for the most part, anything beyond 72 pixels won’t be noticeable to the majority of users. Leaving the resolution at 72 DPI will also save space and will make it impossible to get good quality prints from our images off the web.

05-lightroom-4-image-sizing-settings

5. Output Sharpening

For the Output Sharpening settings, we are going to select “Screen” and “Standard” from the dropdown menus. Choosing “Standard” for “Amount” will add a standard amount of sharpening that will make our images look nice and sharp when viewed from a computer monitor. Do be careful not to over sharpen if you have already applied a significant amount of sharpening during the develop process.

06-lightroom-4-output-sharpening-settings

6. Metadata

As mentioned in the “Creating a Print-Sized Image Export Preset” article, we recommend you choose either “Copyright Only” or “Copyright & Contact Info Only” if you are delivering images to clients because you may not want your clients to have access to all of the metadata on your images. However, this option is strictly up to you. For us, we will leave the Metadata settings at “Copyright Only.”

07-lightroom-4-metadata-settings

7. Watermarking

With our print-sized images, we did not need any watermarks. However, we will put watermarks on our web-sized images to prevent potential copyright issues. To add a watermark, check the box next to “Watermark.” From the dropdown menu, choose a watermark that you have previously created. We will choose “LJP Stamp” as the watermark for our images.

08-lightroom-4-watermarking-settings

8. Post-Processing

Lightroom can open up an Explorer/Finder window after Lightroom finishes exporting your images. However, we usually have the settings set to “Do nothing” since we already have our preferences set to play a sound to notify us when Lightroom is done exporting our images. However, choose the best option that works for you and your workflow.

09-lightroom-4-post-processing-settings

9. Saving the Web-Sized Image Export Preset

Next, we need to save these new settings as the Web-Sized Image Export Preset. Click on the “Add” button, which can be found at the bottom left of the Export Dialogue Box.

10-lightroom-4-add-new-preset-export-dialogue-box

Once you click on “Add,” the New Preset Dialogue Box will appear. Name the Web-Sized Image Export Preset “02_WebSized.” Make sure you select the workflow folder you created in the “Creating a Print-Sized Image Export Preset” article. For us, we will select “LJP Workflow” as the “Folder.” Then, press “Create” to finish saving the Web-Sized Image Export Preset.

11-lightroom-4-new-preset-dialogue-box-export

After you have created the Web-Sized Export Preset, you will see that “02_WebSized” appears below “01_PrintSized” under the “LJP Workflow” folder, which is the workflow folder we previously created.

12-lightroom-4-export-preset-export-dialogue-box

Conclusion & Learn More!

We hope that you have enjoyed this step-by-step tutorial on how to create a Web-Sized Image Export Preset in Lightroom 4. Cut down your workflow and select this preset whenever you need to export your images as web-sized images. Stay tuned for our next article on how to prepare our images to be exported for slideshows.

To learn more about the SLR Lounge Workflow System Workshop on DVD or to purchase it, click on this link.

To purchase the Lightroom 4 Workshop Collection which includes A-Z Tutorials, the Preset System, and Workflow DVD, click here.

About

Founding Partner of Lin and Jirsa Photography and SLR Lounge.

Follow my updates on Facebook and my latest work on Instagram both under username @pyejirsa.

5 Comments

Please or register to post a comment.

  1. Joseph Prusa

    Thanks for posting.

    | |
  2. Marko

    Always great articles, so tnx so that.

    I have to disagree with you on number 4. On display it doesn’t matter how you set the resolution. Only number of pixels matter. The size of the file is the same with 72 PPI or 300 PPI – try it. If someone would download the file and wanted to make a print, the limit for the quality (or better said, the size of the print) would still be the number of pixels, not PPI.

    Am I missing something or what? :)

    | |
  3. a key to success Quotes

    Thank you for the auspicious writeup. It actually was a leisure account it.

    Look complicated to far delivered agreeable from
    you! However, how can we be in contact?

    | |
  4. Lilla

    I was recommended this web site by my cousin. I am not sure
    whether this post is written by him as nobody else know such detailed about my difficulty.
    You are amazing! Thanks!

    | |
  5. Chris Reijnoudt

    Hi Pye,
    Very clear explanation but I still have a question. When I’ll try to set my logo as watermark, the exported image is sharp, but the logo gets a little bit blurry. The size in the dialog is ‘8’. I’ve tried lots of resolutions, but nothing would help. Any ideas?

    | |
[i]
[i]