ImageHelp

edit Pictures and logos are a great way to spice up AboutUs pages.

Here's a quick primer on working with images in the wiki section.

>If you are looking to add a portrait of yourself go to "My Settings".
>If you want to upload a logo for a website's page, there is an easy spot to do that at the top left of the page.

edit Uploading a picture or logo

Still have a question about AboutUs.org?
I can help.

Kristina Weis

Help Page Ambassador

Click here to email me.

To add a picture, you must first upload the picture in any standard file format to AboutUs.org.

1. You must sign in to upload an image or edit pages
2. Click "More" to the left of the search bar and then "Upload file"
3. Browse to find the file on your computer
4. Give the image a 'destination filename' (like JoesStorePicture.jpg) and copy it (ctrl + c on your keyboard) for later
5. Click "Upload file"
6. Edit the wiki section of the page you want to add the image to
7. Paste (ctrl + v) the filename of the image, and add [[Image: and ]] on either side (example: [[Image:JoesStorePicture.jpg]]). Don't forget to save.

Keep in mind:

• Only folks that are signed in can upload images.
• Upload the picture before making or editing the wiki page, that way you have the image name in mind and can use it in your page.
• Name the image as specifically as possible so it doesn't conflict with other images (e.g. not Logo.jpg or Sample.png, but rather something unique like YourCompanyNameLogo.jpg).

edit Modifying a picture or logo on your page

There are several ways that you can modify your picture or logo on a page. For instance, you can modify the placement and size of your image, put a frame around it, use a thumbnail that can be enlarged, or create a gallery of images. See the descriptions and examples below.

Specifying placement - You can also specify that an image go to the "right" or "left" of the text block, forcing the text to "wrap-around" it. To do this, you add a command to the image when you place it as follows: [[Image:Example.jpg|right]]. In this case, the picture will appear in the right hand side and text will wrap around it.

Changing picture size - You can specify the size of the photo that shows up on the screen, independent of the "thumb" command. Here's an example of how to limit the size of a picture in your article to 200 pixels: [[Image:Example.jpg|right|200px]]. To choose a different size, simply replace the 200px with a different number.

Putting your image in a frame - In addition to specifying placement, you can put a frame around your image, using the "frame command" as follows: [[Image:Example.jpg|frame]].

Image Thumbnails - Puts your image in a frame, but it also shrinks it to a smaller, more manageable size. Viewers can then click the "enlarge" icon inside the frame and see the picture in its full size. Use the "thumbnail" command like this: [[Image:Example.jpg|thumb]]. Note, website thumbnails are handled differently.

Captions - Captions can also be added to images that are either inside a frame, or a thumbnail. To do this, you just add the caption at the end of the image command: [[Image:Example.jpg|frame|This is a caption]].

Creating your own combination - You can also combine the options. For example, you can take an image, make a thumbnail of it, set the thumbnail at 150px, left justify it, and add a caption: [[Image:Example.jpg|thumb|150px|left|This is a caption]]. The order of the commands doesn't matter, except that the picture/file name must come first and the caption last.

Gallery option for multiple photos - To make a slew of photos more organized and professional, simply list images in between <gallery> and </gallery> tags and the system will automatically size the photos and create a mini-gallery of the images. See the Gallery page for more details.

Adding Images
You want	You do	You get
Image uploaded to AboutUs (Place an uploaded picture on an AboutUs page)	[[Image:AboutUsLogoNew.png]]
Image from another site (Place a picture from another site on an AboutUs page)	http://media.npr.org/images/logo_npr_125.gif
Thumbnails, Frames, and Captions
You want	You do	You get
Website thumbnail (Creates a thumbnail image of your websites front page)
Thumbnail image on AboutUs (Resizes and frames an image)	[[Image:AboutUsLogoNew.png|thumb]]
Frame an image (Displays the picture at full size in a frame)	[[Image:AboutUsLogoNew2.png|frame]]
Inserting a caption (Insert a caption on a thumbnail or framed image)	[[Image:AboutUsLogoNew.png|thumb|Caption text goes here]] Or [[Image:AboutUsLogoNew.png|frame|Caption text goes here]]	Caption text goes here
Sizing and Positioning
You want	You do	You get
Resize an image	[[Image:AboutUsLogoNew.png|100px]]
Float image to the left (Place the image code before the text you want to align it with)	[[Image:AboutUsLogoNew.png|left]]	AboutUs is a wiki whose goal is to create a free and valuable Internet resource containing information both about websites and other related data. The site was pre-populated with information about many different websites and thousands of updates are now being made by people each day.
Float image to the right (Place the image code before the text you want to align it with)	[[Image:AboutUsLogoNew.png|right]]	AboutUs is a wiki whose goal is to create a free and valuable Internet resource containing information both about websites and other related data. The site was pre-populated with information about many different websites and thousands of updates are now being made by people each day.
Float and resize	[[Image:AboutUsBetaLogo.jpg|64px|left]]	AboutUs is a wiki whose goal is to create a free and valuable Internet resource containing information both about websites and other related data. The site was pre-populated with information about many different websites and thousands of updates are now being made by people each day.