User Guide Cancel

Create web galleries

  1. Lightroom Classic User Guide
  2. Introduction to Lightroom Classic
    1. What's new in Lightroom Classic
    2. Lightroom Classic system requirements
    3. Lightroom Classic | Common Questions
    4. Lightroom Classic Key Concepts
    5. Lightroom Classic tutorials
    6. Feature summary | Lightroom CC 2015.x/Lightroom 6.x releases
  3. Lightroom and Adobe services
    1. Creative Cloud Libraries
    2. Using Adobe Stock in Creative Cloud apps
  4. Lightroom for mobile, TV, and the web
    1. Adobe Photoshop Lightroom for mobile and Apple TV | FAQ
    2. Sync Lightroom Classic with Lightroom ecosystem
    3. Photoshop family of mobile apps
  5. Import photos
    1. Import photos from a camera or card reader
    2. Import photos from a folder on a hard drive
    3. Import photos automatically
    4. Import photos from Photoshop Elements
    5. Import photos from a tethered camera
    6. Specify import options
    7. Set import preferences
    8. The Filename Template Editor and Text Template Editor
  6. Workflows
    1. Apply Masking in photos
    2. Export and save your photos as JPEGs
    3. Export and watermark your photos
    4. Import your photos
    5. Adjustment Brush: the basics
    6. Adjustments with the Tone Curve
    7. Advanced video slideshows
    8. Control white balance
    9. Create a contact sheet
    10. Enhance your workflow with Lightroom Classic
    11. Adjustments with Lens Blur
    12. Edit and Export in HDR
  7. Workspace
    1. Workspace basics
    2. Set preferences for working in Lightroom Classic
    3. Display the Library on a second monitor
    4. Personalize identity plates and module buttons
    5. Watermark your photos in Lightroom Classic
    6. Color management
  8. Viewing photos
    1. View photos
    2. Browse and compare photos
    3. Set Library view options
    4. Share photos for comments and feedback
    5. Smart Previews
  9. Manage catalogs and files
    1. Lightroom Classic catalog FAQ
    2. How Lightroom Classic catalogs work
    3. Create and manage catalogs
    4. Back up a catalog
    5. Locate missing photos
    6. Create and manage folders
    7. Manage photos within folders
  10. Maps
    1. Work with the Map module
  11. Organize photos in Lightroom Classic
    1. Face recognition
    2. Work with photo collections
    3. Group photos into stacks
    4. Flag, label, and rate photos
    5. Use keywords
    6. Metadata basics and actions
    7. Find photos in the catalog
    8. Work with video in Lightroom Classic
    9. Advanced metadata actions
    10. Use the Quick Develop panel
  12. Process and develop photos
    1. Develop module basics
    2. Create panoramas and HDR panoramas
    3. Flat-Field Correction
    4. Correct distorted perspective in photos using Upright
    5. Improve image quality using Enhance
    6. Work with image tone and color
    7. Masking
    8. Apply local adjustments
    9. HDR photo merge
    10. Develop module options
    11. Retouch photos
    12. Cure red eye and pet eye effects
    13. Use the Radial Filter tool
    14. Use the enhanced Spot Removal tool
  13. Export photos
    1. Export files to disk or CD
    2. Export photos from Lightroom Classic
    3. Publish photos online
    4. Export to hard drive using publish services
    5. Presets for export, and other settings
  14. Work with external editors
    1. External Editing preferences
    2. Open and edit Lightroom Classic photos in Photoshop or Photoshop Elements
  15. Slideshows
    1. Create slideshows
    2. Slideshow module panels and tools
    3. Specify the slide layout
    4. Add overlays to slides
    5. Play and export slideshows
  16. Print photos
    1. Print module basics
    2. Print module layouts and templates
    3. Work with print job options and settings
  17. Photo books
    1. Create photo books
  18. Web galleries
    1. Create web galleries
    2. Use the Web module panels and tools
    3. Work with web gallery layouts
    4. Work with web gallery templates and settings
    5. Preview, export, and upload web photo galleries
  19. Keyboard shortcuts
    1. Keyboard shortcuts
  20. Troubleshooting 
    1. Fixed Issues
    2. Known Issues
Note:

Beginning with Lightroom CC 2015/Lightroom 6, the support for Flash galleries has been removed.

The Web module in Lightroom Classic lets you create web photo galleries, which are websites that feature your photography. In a web gallery, thumbnail versions of images link to larger versions of the photos, on the same page or on another page.

The panels on the left side of the Web module in Lightroom Classic contain a list of templates and previews of their page layouts. The center pane is the image display area, which automatically updates as you make changes and lets you navigate between the pages in your gallery. Panels on the right have controls for specifying how the photos appear in the template layout, modifying the template, adding text to the web page, previewing the web gallery in a browser, and specifying settings for uploading the gallery to a web server. For more details on the Web module, see Web module panels and tools.

Adobe Photoshop Lightroom CC web module
The Web module

A. Type of web gallery B. Template Browser C. Preview button D. Navigation buttons E. Panels for customizing layout and specifying output options 

Lightroom Classic can create HTML web gallery:

HTML Gallery

Produces a web page of thumbnail images that link to pages with larger versions of the photos. Airtight galleries are HTML.

To create a web gallery in Lightroom Classic, follow these basic steps:

1. Select the photos you want to include in your gallery.

In the Library module, select images in the Grid view or Filmstrip. See Browse and compare photos.

In the Library module, you can also use the Folders or Collections panel to select a folder or a collection of photos to use in the web gallery.

2. Arrange the photo order.

Switch to the Web module. The photos you selected appear in both the Filmstrip and in the work area in the center of the Web module.

If your source photos are in a collection or a folder that doesn't contain any subfolders, drag photos in the Filmstrip to rearrange them in the order that you want them to appear in the gallery. See Rearrange web gallery photo order.

Note:

You can filter the photos in the Web module Filmstrip by clicking the Use pop-up menu in the toolbar and choosing All Photos, Selected Photos, or Flagged Photos.

3. Choose a template for the gallery.

On the left side of the Web module, move the pointer over a name in the Template Browser; a preview of the template appears in the Preview panel above the Template Browser. Click a template name to select it for your gallery. See Choose a web gallery template.

4. Enter website information.

In the Site Info panel on the right side of the module, type a title for your website (Site Title), a title for your gallery (Collection Title), and a description (Collection Description). You can also enter your e-mail address so that visitors to your gallery can click your name to send you an email. See Add titles, description, and contact information to web photo galleries.

Lightroom Classic CC Site Info panel
Provide titles and a description for your gallery in the Site Info panel.

5. (Optional) Customize the gallery's look and layout.

In the Color Palette panel on the right side of the module, click the color box next to an element to choose a new color for it. See Choose colors for gallery elements.

In the Appearance panel, modify the gallery layout by setting the Grid Pages and Image Pages options (for HTML galleries). See Specify the appearance of Lightroom Classic HTML galleries.

Lightroom Classic CC customized web gallery
Use the Appearance and other panels on the right side of the Web module to customize the look and feel your web gallery.

6. Add titles and captions to images.

In the Image Info panel, choose the metadata you want to display as the title and caption for each photo. Leave the Title and Caption boxes deselected if you don’t want text to appear under the photos. See Display photo titles and captions in web photo galleries.

7. (Optional) Add a copyright watermark.

Display a copyright watermark on web gallery photos by selecting a watermark in the Output Settings panel. See Display a copyright watermark in web photo galleries.

Lightroom Classic CC Output Settings panel
You can opt to include a watermark on your photos in your gallery in the Web module's Output Settings panel.

8. Specify output settings.

In the Output Settings panel, specify the quality of the enlarged view of your photos and whether to apply output sharpening.

9. Preview your web gallery in a browser.

At the lower-left corner of the Web module, click Preview In Browser. Lightroom Classic opens a preview of your web gallery in your default browser. See Preview a web photo gallery.

10. Export or upload your web photo gallery.

After you finish your gallery, you can either export the files to a specific location or upload the gallery to a web server. In the Upload Settings panel, choose Web Server from the FTP Server menu, or choose Edit Settings to specify settings in the Configure FTP File Transfer dialog box. If necessary, consult your ISP for help with FTP settings. See Preview, export, and upload web photo galleries.

11. (Optional) Save the layout as a custom template or as a web collection.

If you plan to reuse your web gallery settings, including layout and upload options, save the settings as a custom web template. Or save the settings as a web collection to preserve a set of specific Web module options with a collection of photos. See Create custom web gallery templates and Save web settings as a web collection.

 Adobe

Get help faster and easier

New user?

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online