How to set up a photo gallery

Please note: Photo galleries are a legacy feature, and are no longer receiving active development. For a fully featured photo gallery, we recommend SmugMug.

You can easily publish digital photos as an online gallery for your friends and family to view. To do so, you'll need to create a new folder in your files, upload your photos into that folder, and then create a Fastmail photo gallery website.

Create a new photo album folder in your files

The album folder is automatically created and prepared for photo gallery usage.

To create additional photo gallery folders:

  1. From the menu, go to the Files page.
  2. Optionally select the parent folder you want to create your folder in, or leave as My Files.
  3. Use the New Folder button. A new text field appears.
  4. Name your new folder and click Create folder. The page updates and a new folder appears in your files list.

Popup window asking for new folder name

Add photos to your new folder

Click your new folder to open it. To add files, use the Upload button, or drag and drop files from your computer file picker onto your web browser window.

When selecting files to upload (either through the Upload file chooser, or via drag and drop), your computer's usual mechanism to select multiple files also works here. (Windows: ctrl-click, Mac: command-click)

For more information, see our file upload guide.

Create the photo gallery

Once you have uploaded files to a folder, you can create a photo gallery by clicking the Websites button, located on the Files screen. This will take you to the "File Storage Websites" page. To create a new photo gallery:

create website screen

In the "Create website" section at the bottom,

  1. Website: the web address where your website will be published. Choose the domain you wish to use from your aliases and personal domains, and optionally enter a further subdomain section before it, or a path after it. If you are using your own domain, you must host your name servers with Fastmail, not just your MX records.
  2. Publish As: choose a photo gallery with light or dark theme.
  3. File Storage Target: select the folder that you uploaded your photos to.
  4. Password: set a password if you want to make your gallery private. This will deny access to anyone who does not know the password.
  5. Click the Create website button. Your photos are published and accessible at the web address you specified.

Photos are shown alphabetically by their title. If a title isn't set, the filename is used as a title. Sort order from the Files page does not affect sorting in the photo gallery.

photo gallery preview

Change the style/theme of a photo gallery

If you'd like to alter the appearance of your photogallery, you can create your own CSS stylesheet.

Name it photogallery.css and place it in the same directory as the photos. It will provide theme overrides to whatever the base theme you selected in the settings.

Change comments on a photo

By default, any comments found in the file are displayed with each picture. In the grid view of the gallery, they will display when you hover over a photo's thumbnail. In the slideshow view, they will display below the photo. To add or change comments to your photos, use the Edit button on the detailed file view.

You can include some basic html tags in the comments, for example <b> for bold, <i> to italicise. If you add a URL, such as http://www.fastmail.com, it will automatically be converted into a hyperlink.

Advanced: Using EXIF data

The photogallery can use information within the EXIF data if none is present in the File details.

If a comment isn't specified in the Files screen, the photogallery will look in the EXIF for a field of (in this order): Title, ImageDescription, Description, UserComment, Headline, Caption-Abstract, LocalCaption. It will display the first value it finds.

For extra control and categorisation of your photos within a gallery, you can use the UserComment EXIF field and specify the following special tags in the form: Tag: Value, one per line:

Title
Like entering a value in the Title field, but can be useful if you want to include a specific title via EXIF comments instead.
Uplink
In the photo gallery, if you have sub-directories, they'll be automatically displayed as sub-galleries. Within each sub-gallery there will be a link to go up to the parent directory.
By default, the link text will be the name of the parent directory. Using this tag, you can override the text used to be anything you want.
Additionally by default, the directory that is the "root" of a website will not have an up link by default. If you specify an Uplink attribute in the comment of that directory though, it will get an uplink.
UplinkURL
Like the 'Uplink' item above, this lets you control the URL used on the uplink in a photo gallery.
IsCover
If set to any true value (e.g. 1, Yes, etc.), then that image is used as the cover of the album when the parent directory is viewed. If no image has an IsCover item set, then a random image is used as the album cover image.

The EXIF information is not available to view through the Fastmail interface at this time.