Images can add interest to a web page and help convey important information. On the other hand, they are one of the primary elements contributing to a page's file size, and large photos can adversely affect download speed. Therefore, imagery should be used judiciously and only when related to or enhancing page content.
Care should be taken to choose images that add value to the site and specifically enhance or illustrate concepts or ideas presented in the text of the page on which they are placed.
On the web, certain types of imagery work better than others:
- Tight shots (close-ups on content) work much better than wider shots. For example, instead of an image of a crowd, tighten or crop the image into just two or three faces. People should be positioned relatively close together. Space between people can look fine in print but is distracting dead space on the web that also reduces the amount of interesting detail that can be included.
- Images with simple backgrounds work best; in the online environment too many details can easily overwhelm the rest of the subject matter.
- All images need to be able to work well at a relatively small size.
If you use graphics within your pages you must follow these guidelines:
- Animated graphics are not permitted on the website.
- Always choose crisp, clear images.
- There is a limit of three images per page.
Limit Text in Images
If your text is important, include it as text in your page: text within images cannot be resized, translated, or read aloud by screen readers. "Buttons" are subject to banner blindness. To make sure people see and can access important information, let images be images and text be text.
If your story has more than three quality images that add to the content of your story, you may consider creating a photo album. All slideshows should be created in Assets > Slideshows.
Please keep the following maximum dimensions in mind when submitting images for the site.
- Thumbnail (for home page promotions): 120 pixels wide x 120 pixels high
- Regular (within the story): 230 pixels wide and no higher than 350 pixels
- Large (click on any story image to see a larger version): 550 pixels wide and no higher than 550 pixels
- Photo Album: 550 pixels wide and no higher than 550 pixels
All images display at 72 dpi and must be in GIF, JPG, or PNG format.
Each image should be a single picture, not a collage.
Long captions should be written as sentences. Short captions should use the same format as book titles. There is a 300 character limit per caption.
Images that are not already in our image library (the assets folder) must be submitted to the Web Team for optimization, sizing, and uploading. All images will be re-sized to the appropriate dimensions for the page on which they will appear.
If you think a stock photo will complement your page you may wish to consider a purchase of an image (excluding those of people) from your budget. It is important that our site's photographs be of people from our congregations, affiliate organizations, events, rallies, etc. Ambiguous stock close-ups of hands being held or of a smile are acceptable if used with discretion.
In some cases it is necessary to provide online access to high-resolution images (i.e., Uncommon Denomination marketing materials, or photos of the president for our media kit). These images can be uploaded by the Web Team to img.uua.org so you can create "external" links to the URLs provided by the Web Team.
For more information contact web @ uua.org.
This work is made possible by the generosity of individual donors and congregations. Please consider making a donation today.
Last updated on Friday, July 22, 2011.