Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
For many photographers, prints or slideshows are the primary ways that images get shared with others. But an increasing number of photographers are sharing images through web galleries. And if you have your own website you can create web galleries and upload them automatically using Lightroom. Let's take a look at how it's done. I've identified some images here that I would like to include in a Web gallery. And so I'll switch from the Library module over to the Web module. And as is so common in the Sharing modules in light room I can start off by choosing a template on the Left panel.
And then fine tuning the settings over on the Right panel. I'll go ahead and scroll through the various templates if I move my mouse over the template I can see a preview up in the Preview panel. Note that this preview has a script F in it. And the one below shows HTML in the bottom left corner. That indicates a Flash template versus an HTML template. And I generally prefer to work with the HTML templates. Simply because many browsers, especially on mobile devices, do not support Flash. I'll go ahead and scroll through, and I think for this gallery I'm going to start off with the vintage newspaper look. This creates a sort of cream sort of colored background and just an overall nice appearance.
I thing that this will work out pretty well. I'm also going to change the option on the toolbar from selected photos to all film strip photos. I have already filtered my images, in this case, using a pick flag as the basis of my filter. And so, all of the images, on the Film strip, are images I would like to include in the gallery. I can then set about adjusting the settings, on the Right panel. You can see, at the top, I have Layout Style, that's set to the HTML gallery, which is what I want to use for this particular gallery. The other options, include, Flash galleries or a series of Airtight Galleries, these are some clever and fun gallery options. But I'm going to stick with the basic HTML version here. I can adjust the site info.
Now, you'll notice, that in the center area, I have a preview of the website. In fact, I can even click on an image, to see what the larger image will look like, and then go back to the index, for example. I can make changes over on the right side, but I can also work directly within this preview area. So for example, I'll call this Tim Gray gallery, that's sort of the overall title for the website. And then under the heading here, instead of my photographs, I'll call this Europe Road Trip. And then I'll switch to the next field here and I will give this a little bit of a description.
There we go. Go ahead and press enter to apply that. And then down at the bottom of this page you'll see that there is a contact name as a link. I'll go ahead and change that over on the Right panel. I'll type in my name as the contact. And I can also enter my email address with mail to and colon as the prefix that will identify this as an email address so that it will be a clickable link. I'll then scroll down the Right panel. I can add an Identity Plate if I wanted to, including a link to another page on my website.
I can adjust the colors simply by clicking on one of the color swatches and choosing a new color. But I'm happy with the colors in this particular template. I'll go ahead and scroll down further. I can add a Drop Shadow to the photos if I like. I think in this case I'll go ahead and keep that turned on. The sectioned border, I can specify whether I want to have that border and I can also change the color of the border. I can determine how many images will appear on the page. You can see I have a 3 by 3 grid. And so a total of nine images. That happens to be exactly how many images I'm sharing. So that makes perfect sense in this case.
I can decide whether or not, I want to show cell numbers. This is much like the cell number were able to see in Lightroom. In this case I don't think I need to have those visible so I'll go ahead and turn that option off. And I can also specify whether or not I want a photo boarder, and in this case it's a little bit difficult to see. But there is a bit of a black border around each of the images, each of those image thumbnails. I'll leave that turned on. On the image pages, this is where we're looking at the larger image, the full size image. I'll go ahead and click so that we can see the preview there. And there we can adjust the size of the image itself. You can see it's currently set to 450 pixels, which I think is perfectly fine. I can specify whether or not I want a border.
And which color. And what the width of that border should be. I'm going to make the border just a little bit narrower. In fact, I'll make it just one pixel. I like having it there but I don't think it needs to be quite as large. I can also label the image. Now you'll notice that in this case, even though I have title and caption turned on they are not showing up in the image. And that's because the images that I'm working with, these photos do not have titles or captions in their metadata. Of course I could choose a different value for example I could use the file name as the title that will appear up at the top.
And I can use maybe the exposure information as a caption that will appear at the bottom. And that will show us some information about the photos, which can be helpful especially if you're sharing this gallery with clients. So that they can choose a particular photo. For this gallery I think I'll turn those options off though. I'll then continue scrolling down and we can take a look at the output settings. For image quality, in order to help keep the file size a little bit reduced, I will reduce the quality setting. I usually use a value of about 70 for images that I'm sharing on the web. For metadata you'll see that I have an option here to include either all metadata in the image or only copyright information.
I generally don't use the All option. Because for example I don't want viewers on my website to be able to see the keywords that I've added, location information, etcetera. I would rather them just see the copyright information, I can also have a watermark on the images. I've already created a Tim Grey watermark, so I can view that on the image here. You'll see at the bottom left corner just a simple copyright Tim Grey indication at the bottom left of the image. And I can apply standard sharpening, that'll be applied when these images are prepared for the Web gallery and just the standard amount.
I could change that to low or high, but I think standard will work fine for these images. And then I've gotten down to the upload settings. This determines how these images will be hosted onto my website. I'll go back and take one last look, it looks like everything looks good here. So these images are ready to share in this image gallery all I need to do is specify server information. Under FTP server, you'll see we have a pop-up. Now I can edit the information, and this is where I can add the server name, the user name, password. I can choose whether or not I want the password stored in the pre-set, and I can also designate a server path.
You'll need to get this information from your web hosting provider and once you plug that in, you can save the settings as a new preset. I've already gone ahead and created a preset for my website. It's called Tim Gray Gallery. So, I'll choose that. Now, this designates the top level folder on my website for galleries but I want to put each individual gallery into it's own page. So I'll go ahead and turn on the Put In Subfolder check box, and then I'm going to provide a name here. In this case I'll enter Europe as the name.
And that way, on my website, I'll be able to go to my website address, /gallery/europe, in order to view this gallery. At this point, I could preview the gallery in my web browser, directly on my computer, I could also export the files, if I need to send them to someone else. For example, if somebody else manages my website for me. But in this case, since I've plugged in all of my information, I'm ready to upload this gallery, onto my website. I'm going to switch to my Web browser and you can see I've already plugged in my website address timgrey.com/gallery/europe.
But at the moment, this is not a valid destination on my website so I get a document not found message. If I switch back to Lightroom though, I can click the Upload button. And that will process all of these images, create the HTML pages as needed, and upload all of that to my website. While Lightroom is working on that process, since I've changed some of the settings for this particular template, I'd like to create a new template. I'm going to scroll to the top of the Template browser on the Left panel and click the Plus button. And I'll call this, Tim's Newspaper style.
This is basically a variation on one of the existing templates. I'll go ahead and click Create. And what's great about this is, that at any time I can use that template for other images. Since Lightroom is still processing my Web gallery I'll go ahead and switch into the Library module and I'll choose a different set of images. I'll add a filter just for red color labeled images for example and that gives me a few images. I can switch to the Web module now and then simply using that template with the new images I now could create a completely new gallery. All I would need to do is change the subfolder.
For example, I might call this one Austria, and then I could upload this gallery as well. So once you've defined a template that works for your particular images you're able to work very quickly to create a Web gallery. With the processing of my Europe Road Trip gallery complete, I'll switch back to the Web browser. You can see again I have my timgrey.com/gallery/europe address plugged in, but previously that was not a valid address, so there was no document found. But now that Lightroom has finished processing and uploading my gallery if I refresh the page, I'll be able to see that gallery in my Web browser.
So, I can navigate among all of the images live on the Internet in a gallery that was created automatically for me in Lightroom.
Get unlimited access to all courses for just $25/month.Become a member
180 Video lessons · 60299 Viewers
64 Video lessons · 88477 Viewers
148 Video lessons · 95079 Viewers
86 Video lessons · 57406 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.