Web Album

Top  Previous  Next


CodedColor allows you to create customized WEB albums from your pictures with a few mouse clicks. The albums only require a browser capable of Javascript, such as Internet Explorer, Netscape, Mozilla or Opera.


You can use the albums for


Sharing - place them on your web page and give the URL to your friends
Archiving - store them with the images on CD / DVD and show them on any computer with a browser installed




You can customize the Web album to your needs by


changing text and background colors
hiding or showing the frames
including/excluding information, such as title & annotations, EXIF and image information.
adding own HTML pages
adding watermark text
resizing the images


Create a new Web Album


Take a few minutes to create your first Web Album, by following the steps below:


Open an Album or Catalog containing the images you want to export. If you do not want all images, you can exclude images by unchecking them.


Custom sort your images, if you want to override the default filename sorting.


Select Share Images > Generate Web Album to start the Export Dialog.


Step 1: General Options


Specify which File Information (Title and Annotations) to include into your exported Web Album


If you want to resize the images, check Resample and set the size and quality for the resampling operation


Select the option Add originals, if you want to allow the viewer to open the original image in a new browser window by clicking on the image title or filename below the image.


If Show thumb frame is checked in the Color and Layout tab, the thumbs will be created for all images with the size defined in Thumb width.


All images will be converted into the specified Image and thumb format. For Web-Browsers use JPG, GIF, PNG.


Check Add Watermark if you want text to be added to your images. You can also specify which text to use, and the position of the watermark.


You can also Include own HTML documents into the exported album. If this option is checked, HTML files located within your source directories will be added to the exported album. Note, that all images referenced by these documents should lie outside of the album directories, otherwise they are included as thumbnails!


Example: if you have a directory D:\Images\2003\ with all your trips in 2003, then you might want introductory HTML pages at the top of your trip directories. If such a document trip01.htm points to an image D:\Images\2003\trip01\sunrise.jpg, then this image will be displayed as part of the album in the thumb filmstrip. If you only want to display this image in the introductory HTML document, then you could change the link to <img src="..\..\Outside\sunrise.jpg"> and move the image outside of the album directory structure to D:\Images\Outside\.


Set Autoplay Seconds to a value other than 0, and the images are automatically transitioned when the album is opened. You can also add ?autorun=xx to the album url to produce the same effect.


Set Start with Image# to a value other than 0, if you want to skip the intro screen and display directly a designated image of the album. You can also add ?ImageID=xx to the album url to produce the same effect.


If you check Include Startpage, then you might want to check and edit the album information by pressing Edit Album Info.


Step 2: Color and Layout


Select any of the predefined Style Templates. You can also download templates from the internet by selecting <search online..> or use *.cctmpl files from other CodedColor users by selecting <search local..>.


Adjust text and background colors of your liking


Add or change images for your background. If you are using a background image you should adjust the background color correspondingly.


Specify which frames to include


Select Save Options if you want to use your settings for future albums or share them with other CodedColor users.


Save as Default

Stores all of your settings as default for new web-albums. The selected template is also updated.


Save to Template

Updates the selected Template with your current settings. If you also want to store your general settings such as thumbsize, image compression size use Save as Default above.


Create Template

Uses your current settings to create a new Template or update an existing *.cctmpl file. The template file youtemplatename.cctmpl will be stored in your Album Export -> _TEMPLATES folder and can be used to pass your template to other CodedColor users. Mail it to webtemplate@codedcolor.com if you want to include it into the template list for download.


If you select Reset Options, you can discard your changes and revert to your previous settings.


Step 3: Start Export


Select the Output directory for you Web Album, and the name for your index page.


Check and change the Export Options


When you press Start Export, the HTML pages will be created in the directory specified for the index page. You can transfer this directory (including the subdirectories!) to your web space or burn it on a CD. It contains all required information for the Web Album.

Note: Don't upload from the location of your original images!


If you want to create a single album file, select Create Album to Archive. A self extractable archive allows anyone to view your album without having CodedColor installed.


You can send the created single file archive via email. When the attachment is opened, the album will be automatically extracted and opened in the browser. Note however, that many email clients and POP servers don't allow EXE files as attachments. To overcome this, select a compression format other than EXE. If your album is saved as a CCA (CodedColor Archive) or ZIP archive, it can be easily imported in CodedColor. The CCA format requires the recipient of the email to have CodedColor installed.


Step 4: Upload Album


See the FTP upload



icon_tip Example Templates


For a larger selection of templates, please visit https://www.codedcolor.com/cctmpl/. We're always happy to add good templates to our collection, so feel free to send us your favorite templates along with an example album link.




CC Classic1


To the left you see a CodedColor template consisting of XP style navigation buttons and marble background images in different shades for the different frames.


Hint: Always try to select a background color for the scrollbars, which is similar to the color of the background image.


icon_tip Hint


To start the slideshow automatically, add the parameter autorun=x to the URL, where x is the delay in seconds.

Example: https://albums.codedcolor.com/Snapshots/index.htm?autorun=6


To open the album in full screen mode, add the parameter fullscreen=1 to the URL

Example: https://albums.codedcolor.com/Snapshots/index.htm?fullscreen=1


To open the album with a particular image loaded, add the parameter ImageID=x, where x ist the image at position x to be loaded.

Example: https://albums.codedcolor.com/Snapshots/index.htm?ImageID=4 would open the fourth image


You can combine parameters ie. fullscreen and ImageID

Example: https://albums.codedcolor.com/Snapshots/index.htm?ImageID=3&fullscreen=1 would open the third image in full screen mode. Currently you cannot combine fullscreen and autorun.


icon_tip Related topics


HTML Indexpage
Flash Album
Custom sorting
Mail Files
Export Multipage Documents (PDF, TIF)
Album Upload
Archive Pictures on CD/DVD





CodedColor PhotoStudio © 2023 1STEIN GmbH

CodedColor PhotoStudio by 1STEIN is an award-winning Windows photo viewer and editor to organize, edit, resize, reformat, correct, compare, sort, watermark, annotate and print digital images, and to edit EXIF and IPTC data in digital photos. You can rename multiple images, remove scratches, stich panoramas, convert RAW photos (from Canon, Nikon, Olympus, etc. cameras), burn digital watermarks, correct colors, batch convert and correct images and generate a web album in HTML5. The software is easier to use than Photoshop, but more versatile than ACDSee, Picasa, Irfanview or Gimp. Many magazines consider it to be the Swiss Knife of Image Editing. Have a look at our Before / After tutorials to get an idea of the powerful capabilities. The software comes with a detailed handbook and a fast database to store EXIF/IPTC data and color information. CodedColor PhotoStudio is the ideal image editing tool for every-day and professional digital camera users. The user friendly interface combines features like expert photo editing & printing, layer editing, web album galleries, slide shows, photo management & cataloging, custom sorting, IPTC & EXIF editor, GPS tagging, perspective correction, barrel distortion, effects, thumbnail generation, resize & resample images, batch conversion, database keyword searching, red eye removal, color/sharpness/brightness & contrast correction, artifact removal, clone brush, scanner & TWAIN import, screen capture, lossless JPEG rotation, transparency (alpha channel) and layers, gamma correction, screen shows with many transition effects, watermark text, image annotations, panorama stitch & animation, video capture, PDF album export, photo layouts, collages, frames, shadows, histograms, automatic white balance, photo sharing, etc. Opens and converts all common image formats: BMP, WMF, GIF, JPEG, JPEG2000, TIFF, PCX, PNG, PSP, PSD, PCD, HEIC, HEIF, AVIF and all current RAW formats. The installation includes our the CodedColor Publisher, a versatile photo layout and DTP tool to create individual and rich photo books.