120 likes | 381 Vues
Adding Photos to your Site. Created for the 2010 IAGenWeb Coordinator’s Conference By Ralph Leonard. Why Add Photos?. Researcher appreciation They provide content unique to your site Many researchers are willing to share their photos with you. Objectives of this Presentation.
E N D
Adding Photos to your Site Created for the 2010 IAGenWeb Coordinator’s Conference By Ralph Leonard
Why Add Photos? • Researcher appreciation • They provide content unique to your site • Many researchers are willing to share their photos with you.
Objectives of this Presentation • To provide examples of different photo page layouts. • To demonstrate different techniques for putting images on a web page. • To compare and recommend free image editing software • To demonstrate photo optimization
Photo Page Examples • Carroll County Home Page • Carroll County New Gallery Page • Carroll County - Old Gallery Page • Carroll County Civil War Artifacts Page • Carroll County Marriages Page • Carroll County History Book Page • Keokuk County Township Biography Page • Keokuk County Atlas Index Page
3 Ways to Align Photos on a Page • In a centered paragraph • In a table • By vertical and horizontal position Photo Alignment Examples Photo Alignment HTML Code - Text File Watch a demo of how to put the text into a page.
Photo Editing 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 (www.photoscape.org) • GIMP (www.gimp.org) • VCW VicMan's Photo Editor (www.vicman.net/vcwphoto/index.htm) • 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 • 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 • Batch editor: Batch edit multiple photos • 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 • Animated GIF: Use multiple photos to create a final animated photo • Splitter: Slice a photo into several pieces • Screen Capture: Capture your screenshot and save it • Color Picker: Zoom in on images, search and pick a color • Rename: Change photo file names in batch mode • Face Search: Find similar faces on the Internet
GIMP • 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. • 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. • Supports a huge number of file formats for display and export. • Supports pressure- and tilt-sensitive graphics tablets and many other hardware input devices. • Available for Windows, Mac, & Unix
VCW VicMan's Photo Editor • 30+ image file formats support • Near 100 filters and effects • Save images as JPG, BMP, TIFF, PCX and TGA • Import images from any TWAIN source • 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 • Edit and preview images at any scale • Get the best of the context-sensitive main toolbar • Preview thumbnails or full-sized images before you open them • 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. • 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 • 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