Help:Contents/Image Basics

From MarketsWiki
Jump to navigation Jump to search

Getting an Image Ready for the Wiki[edit]

Before uploading image files to the wiki, do a quick common-sense check to make sure you're not uploading a massive, high resolution picture that's bigger than most users' monitors.

  • With rare exceptions, files to upload should be less than 500 kilobytes in size. Many digital cameras save images in high resolution with a lot of color detail, but that's just not necessary for a wiki where pictures are a small part of article pages.
  • If you have large or high-resolution images, photo manipulation programs are a great way to resize and reduce the complexity of the image. If you don't have any of those programs available, you can always send the image to a member of the MarketsWiki team, and we can transform the image for you.

Uploading the Image[edit]

You must be logged in to your wiki's user id in order to do the upload.

In the "Toolbox" sidebar (typically it shows up to the left of this text under the "search" box, but if you're not using the default appearance for the wiki, it may be placed elsewhere), click the "Upload file" link. You can also go directly to the Special:Upload page.

Click the "Browse" button on that page, and find the file you want to upload. The wiki currently accepts, gif, jpg and png extensions. If you need to upload a different type of file, ask the MarketsWiki people for help. The list of file types can be extended if needed.

The wiki will initially create a destination name for the file (or less cryptically, "the name of the file in the wiki") that's based on the source file on your PC. While you don't have to, it's a good idea to modify the destination file name if the name doesn't really describe the subject. If the destination file name is "Jim_Dandy.jpg" then you're fine. If it's "img000089892.gif" then you might want to rename it.

Once you've selected the file and you're happy with the destination name, click the "Upload file" button and wait for the transfer.

If you get a warning that the file already exists, then... well, then a file with that name already exists. If you're deliberately replacing an existing image with a new version, then tell the wiki to go ahead and save the new version. If you didn't know there was already a file with that name, then simply pick a new destination file name (you may also want to go look at that image, in case you can use it and save yourself some time and the wiki a little disk space).

Once the upload is complete, the image is ready to be used in other articles.

Using Images in Articles[edit]

The simplest form of the wiki syntax is simply to include the image as a link: [[Image:Jjllogo.gif]]. That looks like this:Jjllogo.gif The image is placed inline with text, but the text and image aren't integrated, so the next line of text, as you see here, creates a large and typically unsightly large gap.


To integrate (or "float") the image with the text, you need to add "float" and either "right" or "left" to indicate the side of the page that should anchor the image. Separate all the parts of the link using the pipe "|" symbol. Here, the image appears to the left of the text, and the syntax for that looks like this: [[Image:Jjllogo.gif|float|left]].


If you want to create a frame around an image, you use the keyword "frame", like this: [[Image:Jjllogo.gif|frame]]. If you use a frame, it will default the image to appear at the right of the page. You can use "left" along with "frame" if you want to force the image over to the left side. In this case, though, we've left the image on the right side of the page:

The logo for the John J. Lothian & Co, Inc. company

If you want to add a caption to the image, simply add a final pipe and type whatever text you want to use: [[Image:Jjllogo.gif|frame|left|The logo for the John J. Lothian & Co, Inc. company]]. Note that we've forced this image to the left side of the screen.

Finally, if you want to shrink an image that is too large, you can set a maximum width for the image. Images that are already smaller than the maximum width are not changed. If an image is reduced to fit within the maximum limit, it is scaled down in both directions so that the proportions stay the same. The pixel width limiter can work with any or all of the other parameters shown above. The syntax is: [[Image:Jjllogo.gif|70px]] and the result looks like what's below.

Need More Help?[edit]

There's more you can do with images. If you don't see your answer here, contact the MarketsWiki team and let us know what you'd like to do!