Add a photo
Instructions for adding a photo to the website, with an emphasis on adding a portrait to the DBC board page
Adding a photo to a page on your website is essentially a two-step process:
- Preparing your photo for upload and display on the internet
- Adding your photo to the correct folder on the website and inserting the photo onto your page
1. Prepare your photos for upload and display on the internet
- Collect all the photos you plan to post in one easy-to-find place on your computer (e.g., in a folder on your desktop)
- Give each photo a short, descriptive name, preferably related to the page they will appear on (e.g., for the board page, use the name name of person)
- Format the photo file name for the web:
- all lowercase letters or numbers
- no spaces
- use dashes to separate words
- e.g., “Glenn Mounkes.JPG" should be “glenn-mounkes.jpg”
- Reduce the photo size to 640px on the largest dimension (width or height), and 72 pixels/inch
- Make sure the file is no larger than 100kb.
2. Add your photo to the website
- Navigate to the page where the photos will appear
- Click “edit” to edit the page
- The default position for the first picture on any page is the top-right corner. This is not true in cases such as the DBC Board page, which uses tables to align pictures with names.
- Click on the vertical (top to bottom) place in your page where you want the photo to appear (you will set the horizontal position in a later step)
- If placing the picture inline with text, make sure to click on the left side of the text.
- If placing the picture inside a table, as on the DBC Board page, click to the left of the text (not in the space immediately adjacent to the text)
- Once you see the blinking cursor in the porper location, click on the picture icon in the editing toolbar. It looks like a tree in a field. If you hover your mouse over the icon, a tool tip will pop up that says "insert image."
- In the dialogue box that pops up, look for a folder that holds only images. In the case of the DBC Board, the folder is titled "Board Portraits." Click on that folder.
- Click on the "upload images here" link.
- A dialogue box will open. Click on "Cjhoose file," and navigate to the picture on your computer.
- Click "upload."
- Once your photo is added, fill out the form for file information:
- Title: Title ypur picture. All Board Portraits are titled simply with the board member's first and last names.
- Description: The board member name is sufficient.
- Alignment: If this is the first photo on a page, select "right." If this is the Board page, or any page that uses tables for structure, select "inline."
- Size: The largest size to insert into a page is "mini 200, 200". For the board page, use "tile 64, 64."
- If the picture is alone, leave "caption" selected. In the case of board portraits, uncheck "caption."
- Click "okay" to insert the photo
- Save the page before you leave it, otherwise you'll have to do Step 2 all over.