Adding Photos to your Site Created for the 2010 IAGenWeb Coordinator’s Conference By Ralph Leonard

Why Add Photos? Researcher appreciation Researcher appreciation They provide content unique to your site They provide content unique to your site Many researchers are willing to share their photos with you. Many researchers are willing to share their photos with you.

Objectives of this Presentation To provide examples of different photo page layouts. To provide examples of different photo page layouts. To demonstrate different techniques for putting images on a web page. To demonstrate different techniques for putting images on a web page. To compare and recommend free image editing software To compare and recommend free image editing software To demonstrate photo optimization To demonstrate photo optimization

Photo Page Examples Carroll County Home Page Carroll County Home Page Carroll County Home Page Carroll County Home Page Carroll County New Gallery Page Carroll County New Gallery Page Carroll County New Gallery Page Carroll County New Gallery Page Carroll County - Old Gallery Page Carroll County - Old Gallery Page Carroll County - Old Gallery Page Carroll County - Old Gallery Page Carroll County Civil War Artifacts Page Carroll County Civil War Artifacts Page Carroll County Civil War Artifacts Page Carroll County Civil War Artifacts Page Carroll County Marriages Page Carroll County Marriages Page Carroll County Marriages Page Carroll County Marriages Page Carroll County History Book Page Carroll County History Book Page Carroll County History Book Page Carroll County History Book Page Keokuk County Township Biography Page Keokuk County Township Biography Page Keokuk County Township Biography Page Keokuk County Township Biography Page Keokuk County Atlas Index Page Keokuk County Atlas Index Page Keokuk County Atlas Index Page Keokuk County Atlas Index Page

3 Ways to Align Photos on a Page In a centered paragraph In a centered paragraph In a table In a table By vertical and horizontal position By vertical and horizontal position Photo Alignment Examples Photo Alignment Examples Photo Alignment HTML Code - Text File Photo Alignment HTML Code - Text File WatchWatch a demo of how to put the text into a page. Watch

Photo Editing Software Before talking about this software... Before talking about this software... It is important to remember that photos contributed by researchers probably should not be edited and put on your site without contributor permission! Something I do is to edit the photo and send it back to the contributor to let them see it. Then I ask them if I can put up the edited version. They, so far, have always said it was OK.

Free Photo Editing Software Photoscape ( Photoscape ( GIMP ( GIMP ( VCW VicMan's Photo Editor VCW VicMan's Photo Editor( There are also at least 2 free photo managers that have decent editing capabilities... Picasa and ACDSee. I will not be reviewing them today. There are also at least 2 free photo managers that have decent editing capabilities... Picasa and ACDSee. I will not be reviewing them today.

Photoscape Key Features Key Features Viewer: View photos in your folder, create a slideshow Viewer: View photos in your folder, create a slideshow Editor: resizing, brightness and color adjustment, white balance, backlight correction, frames, balloons, mosaic mode, adding text, drawing pictures, cropping, filters, red eye removal, blooming Editor: resizing, brightness and color adjustment, white balance, backlight correction, frames, balloons, mosaic mode, adding text, drawing pictures, cropping, filters, red eye removal, blooming Batch editor: Batch edit multiple photos Batch editor: Batch edit multiple photos Page: Merge multiple photos on the page frame to create one final photo Page: Merge multiple photos on the page frame to create one final photo Combine: Attach multiple photos vertically or horizontally to create one final photo Combine: Attach multiple photos vertically or horizontally to create one final photo Animated GIF: Use multiple photos to create a final animated photo Animated GIF: Use multiple photos to create a final animated photo Splitter: Slice a photo into several pieces Splitter: Slice a photo into several pieces Screen Capture: Capture your screenshot and save it Screen Capture: Capture your screenshot and save it Color Picker: Zoom in on images, search and pick a color Color Picker: Zoom in on images, search and pick a color Rename: Change photo file names in batch mode Rename: Change photo file names in batch mode Face Search: Find similar faces on the Internet Face Search: Find similar faces on the Internet

GIMP GIMP has many “Photoshop” like features GIMP has many “Photoshop” like features It is a bitmap/pixel based image manipulation program for photo editing and retouching, and creating images and animations. It is a bitmap/pixel based image manipulation program for photo editing and retouching, and creating images and animations. Offers basic and advanced image editing and retouching tools - painting, drawing and selection tools, layers and channel support, selection masks, color adjustments, paths, etc. Offers basic and advanced image editing and retouching tools - painting, drawing and selection tools, layers and channel support, selection masks, color adjustments, paths, etc. Features can be extended through the use of plug-ins and scripts. Hundreds of plug-ins are available in the GIMP Plugin Registry. Features can be extended through the use of plug-ins and scripts. Hundreds of plug-ins are available in the GIMP Plugin Registry. Supports a huge number of file formats for display and export. Supports a huge number of file formats for display and export. Supports pressure- and tilt-sensitive graphics tablets and many other hardware input devices. Supports pressure- and tilt-sensitive graphics tablets and many other hardware input devices. Available for Windows, Mac, & Unix Available for Windows, Mac, & Unix

VCW VicMan's Photo Editor 30+ image file formats support 30+ image file formats support Near 100 filters and effects Near 100 filters and effects Save images as JPG, BMP, TIFF, PCX and TGA Save images as JPG, BMP, TIFF, PCX and TGA Import images from any TWAIN source Import images from any TWAIN source Use Photoshop compatible filters. Use Photoshop compatible filters. Preview images as you edit them: click on the preview window to work with the selected area in the edit window Preview images as you edit them: click on the preview window to work with the selected area in the edit window Edit and preview images at any scale Edit and preview images at any scale Get the best of the context-sensitive main toolbar Get the best of the context-sensitive main toolbar Preview thumbnails or full-sized images before you open them Preview thumbnails or full-sized images before you open them Switch between files easily with toolbar buttons Switch between files easily with toolbar buttons

Why Optimize? Photos need to be optimized to reduce file size without losing quality so they will allow the web page to download more quickly, and to take less space on the server. Photos need to be optimized to reduce file size without losing quality so they will allow the web page to download more quickly, and to take less space on the server. Many web site design programs have built in optimizers. If you have one you like, use it. If you want a good free optimizer, try the one on the next page. Many web site design programs have built in optimizers. If you have one you like, use it. If you want a good free optimizer, try the one on the next page.

Interactive JPEG Optimizer Download this program in a zip file Download this program in a zip file Download This free version of Interactive JPEG Optimizer is no longer supported by its developers. I’ve used it for years, and have never needed them! This free version of Interactive JPEG Optimizer is no longer supported by its developers. I’ve used it for years, and have never needed them! Watch a demonstration of this software Watch a demonstration of this software Watch