By Lynnwood Brown^*

How to Add Images or Video to Articles

Pictures and other images make your points more clear and/or can really brighten up an article. We encourage you to use pictures! If the images are not yours, make sure you give them the proper attribution to give the originator proper credit and to avoid copyright problems. This article describes how to add images to GolfBizWiki articles.

Steps

Prepare Photos for Display on the Web

In this step you've prepare your photos for uploading to GolfBizWiki. If you already have your photos optimized for display on the web, you can skip this step and proceed to Upload Photos.

The specific steps for resize your digital image depends on the software you are using. Most digital cameras come with software that can do this easily. Alternatively, you can usually find free, small programs specifically designed for resizing photos for the web or for attaching to emails.

Before uploading your photo to GolfBizWiki, you want to optimize its size and compression for viewing on the web. Ideally, you want an image that is quick-loading (i.e., small in size) but not distorted due to over-compression or low resolution.

Size involves both the photo's dimensions (e.g., 3" x 4") as well as it's resolution (e.g., "dots per inch" or dpi). Compression of photos used on the web usually refers to the "quality" of a "jpeg" format picture and is measured as a percent. Without going into detail about these factors, here are some general rules-of-thumb:

• Size - Multiply the size you want to the picture to be displayed at by 72 to get the image size in pixels. For example, if you want the picture to be displayed 3' x 4' on the web, resize the image to 216 pixels by 288 pixels.
• Compression - Save the image in jpeg format (it will have a suffix of either .jpg or .jpeg) with quality set at 30-60%.

It is recommended that you size your photos for GolfBizWiki to maximum 800 pixels either width or height and medium compression. Attachments are currently limited to 10000 kb.

If you would like to read some more about preparing your photos for use on the web, here is a good, introductory article: Resizing Images for Web Presentation (opens in a new window).

Upload Photos

Getting pictures into GolfBizWiki is a two step process. First you upload the pictures to the article, then you insert them into the article at the proper place.

In this step, you will upload your photos to the article's GolfBizWiki page.

1. Go to the GolfBizWiki article where you want to add the picture.
2. Click on the "Attach" icon in the upper right corner of the page. The Attach File page appears.
   1. Use the browse button to locate and select the picture file on your computer.
   2. If you'd like, enter a short comment for your picture which will be it's caption. Note: Include appropriate copyright information, if applicable, in your comment.
   3. Click the link box to put a check in it.
   4. Click the "Upload file" button. When the file has finished uploading, you are ready to insert it.

For more information on managing images and other attachments to topics, see FileAttachment.

Place Photos in the Article

After uploading your photo into a GolfBizWiki article, it will be displayed at the bottom, left of your article. To move the image to where you want it in the article and/or to change some aspects of how the image is displayed, do as follows:

1. Click the "Edit" icon in the top right of the article page to open the text editor for the article.
2. Go to the bottom of the text to locate the line of code for the image (starting with %IMAGE{ ).
3. To change the location of the photo, "cut" (select/highlight the text, then Ctrl-X keys) that line of code and then "paste" it (Crtl-V) on the line before the paragraph by which you want the photo to be displayed.
4. Set basic options for the photo display by editing the following attributes in the IMAGE coding:
   • align - Controls how the image will be aligned in the article and may be set to either none (the default), center, left or right . If left or right are selected, the text will "flow" around the image.
   • caption - Text displayed below the image. (If you didn't enter the caption when you uploaded the image, you can type it in now. Leave a blank space before and after the caption text.)
   • size - The displayed width of the image in pixels. When then image is clicked, it will be displayed full size. Note: For a full-column width photo, the pixel width would be: 750. For a smaller image, reduce the pixel width as necessary.
5. Click "Save".

For more advanced options for customizing the display of your image, see ImagePlugin.

Inserting Video

Video is actually much easier than pictures to incorporate into your article. Simply copy the embed code for the video (which is readily available on sites like YouTube or your company server, then paste that code where you want the video displayed in your article.

Tips

• Size you images to a width of 750 pixels and save at medium-to-high quality (60-80%).

Warnings

• Make sure you have permission to use any images uploaded to GolfBizWiki. See How to Legally Import Content for Golfwiki for more information.

---

Credits

Originally posted by LynnwoodBrown on 03 Sep 2008.
All contributors: LynnwoodBrown, MichaelBrezin,

Rate This Article

View top-rated articles!

You need to Login or register to rate articles.

Accuracy

12345 My vote: 0, Total votes: 0, Avg. vote: 0

Usefulness

12345 My vote: 0, Total votes: 0, Avg. vote: 0

This discussion page has not yet been started.

You have reached a discussion page that is currently empty. GolfBizWiki discussion pages are where people talk about how to improve a specific page. Typical topics include:

• Does this page follow the GolfBizWiki Writers And Editors Guide?
• Is the content on this page appropriate for wikiHow?
• Is this article helpful or useful?
• Is this article accurate?

A discussion page is an ideal place for two or more people with conflicting views to civilly reach consensus about how a page should be edited. By having these discussions off the topic page, GolfBizWiki community members can converse and agree on how to best improve the page.

Please Login or register to post comments.