Adding Photos to your SiteAdding Photos to your Site

Created for the 2010 Created for the 2010 IAGenWeb Coordinator’s IAGenWeb Coordinator’s

ConferenceConference

By Ralph LeonardBy Ralph Leonard

Why Add Photos?Why Add Photos?

Researcher appreciationResearcher appreciation They provide content unique to your They provide content unique to your

sitesite Many researchers are willing to share Many researchers are willing to share

their photos with you.their photos with you.

Objectives of this Objectives of this PresentationPresentation

To provide examples of different To provide examples of different photo page layouts.photo page layouts.

To demonstrate different techniques To demonstrate different techniques for putting images on a web page.for putting images on a web page.

To compare and recommend free To compare and recommend free image editing softwareimage editing software

To demonstrate photo optimizationTo demonstrate photo optimization

Photo Page ExamplesPhoto Page Examples

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

3 Ways to Align Photos on a 3 Ways to Align Photos on a PagePage

In a centered paragraphIn a centered paragraph In a tableIn a table By vertical and horizontal positionBy vertical and horizontal position

Photo Alignment ExamplesPhoto Alignment Examples

Photo Alignment HTML Code - Text FilePhoto Alignment HTML Code - Text File

Watch a demo of how to put the text into a Watch a demo of how to put the text into a page.page.

Photo Editing SoftwarePhoto Editing Software

Before talking about this software...Before talking about this software...

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

Free Photo Editing SoftwareFree Photo Editing Software

Photoscape (www.photoscape.org)Photoscape (www.photoscape.org) GIMP (www.gimp.org)GIMP (www.gimp.org) VCW VicMan's Photo EditorVCW VicMan's Photo Editor(www.vicman.net/vcwphoto/index.htm)(www.vicman.net/vcwphoto/index.htm) There are also at least 2 free photo There are also at least 2 free photo

managers that have decent editing managers that have decent editing capabilities... Picasa and ACDSee. I capabilities... Picasa and ACDSee. I will not be reviewing them today.will not be reviewing them today.

Photoscape Photoscape Key FeaturesKey Features Viewer:Viewer: View photos in your folder, create a slideshow View photos in your folder, create a slideshow Editor:Editor: resizing, brightness and color adjustment, white resizing, brightness and color adjustment, white

balance, backlight correction, frames, balloons, mosaic balance, backlight correction, frames, balloons, mosaic mode, adding text, drawing pictures, cropping, filters, red mode, adding text, drawing pictures, cropping, filters, red eye removal, blooming eye removal, blooming

Batch editor:Batch editor: Batch edit multiple photos Batch edit multiple photos Page:Page: Merge multiple photos on the page frame to create Merge multiple photos on the page frame to create

one final photo one final photo Combine:Combine: Attach multiple photos vertically or horizontally Attach multiple photos vertically or horizontally

to create one final photo to create one final photo Animated GIF:Animated GIF: Use multiple photos to create a final Use multiple photos to create a final

animated photo animated photo Splitter:Splitter: Slice a photo into several pieces Slice a photo into several pieces Screen Capture:Screen Capture: Capture your screenshot and save it Capture your screenshot and save it Color Picker:Color Picker: Zoom in on images, search and pick a color Zoom in on images, search and pick a color Rename:Rename: Change photo file names in batch mode Change photo file names in batch mode Face Search:Face Search: Find similar faces on the Internet Find similar faces on the Internet

GIMPGIMP GIMP has many “Photoshop” like featuresGIMP has many “Photoshop” like features It is a bitmap/pixel based image manipulation It is a bitmap/pixel based image manipulation

program for photo editing and retouching, and program for photo editing and retouching, and creating images and animations.creating images and animations.

Offers basic and advanced image editing and Offers basic and advanced image editing and retouching tools - painting, drawing and selection retouching tools - painting, drawing and selection tools, layers and channel support, selection tools, layers and channel support, selection masks, color adjustments, paths, etc.masks, color adjustments, paths, etc.

Features can be extended through the use of Features can be extended through the use of plug-ins and scripts. Hundreds of plug-ins are plug-ins and scripts. Hundreds of plug-ins are available in the GIMP Plugin Registry.available in the GIMP Plugin Registry.

Supports a huge number of file formats for Supports a huge number of file formats for display and export.display and export.

Supports pressure- and tilt-sensitive graphics Supports pressure- and tilt-sensitive graphics tablets and many other hardware input devices.tablets and many other hardware input devices.

Available for Windows, Mac, & UnixAvailable for Windows, Mac, & Unix

VCW VicMan's Photo EditorVCW VicMan's Photo Editor 30+ image file formats support30+ image file formats support Near 100 filters and effectsNear 100 filters and effects Save images as JPG, BMP, TIFF, PCX and TGASave images as JPG, BMP, TIFF, PCX and TGA Import images from any TWAIN sourceImport images from any TWAIN source Use Photoshop compatible filters.Use Photoshop compatible filters. Preview images as you edit them: click on the Preview images as you edit them: click on the

preview window to work with the selected area in preview window to work with the selected area in the edit windowthe edit window

Edit and preview images at any scaleEdit and preview images at any scale Get the best of the context-sensitive main toolbarGet the best of the context-sensitive main toolbar Preview thumbnails or full-sized images before Preview thumbnails or full-sized images before

you open themyou open them Switch between files easily with toolbar buttonsSwitch between files easily with toolbar buttons

Why Optimize?Why Optimize?

Photos need to be optimized to reduce Photos need to be optimized to reduce file size without losing quality so they file size without losing quality so they will allow the web page to download will allow the web page to download more quickly, and to take less space more quickly, and to take less space on the server.on the server.

Many web site design programs have Many web site design programs have built in optimizers. If you have one you built in optimizers. If you have one you like, use it. If you want a good free like, use it. If you want a good free optimizer, try the one on the next optimizer, try the one on the next page.page.

Interactive JPEG OptimizerInteractive JPEG Optimizer Download this program in a zip fileDownload this program in a zip file This free version of Interactive JPEG This free version of Interactive JPEG

Optimizer is no longer supported by Optimizer is no longer supported by its developers. I’ve used it for years, its developers. I’ve used it for years, and have never needed them!and have never needed them!

Watch a demonstration of this Watch a demonstration of this softwaresoftware