From WikiEducator
Jump to: navigation, search

Specialties.png IMAGES HUB

Chela brote.pngThis content resource is a stub. Please help by adding more information.

Images in WikiEducator

This page is designed as a hub to contain general information about Images (copyright, types, best practices, tools, libraries and repositories available for using in WikiEducator.

Copyright permissions and restrictions

Images used in WikiEducator content should conform to the same copyright permissions as the text content.

Just because there are some restrictions, doesn't mean you can't use them. However, you do need to check that the use you will make of the image is allowed within the copyright permissions.

  • Bound by Law - Duke University's guide to copyright law in comic book format - this stuff doesn't have to be dull and boring

Creative Commons in Flickr "Creative Commons is a non-profit that offers an alternative to full copyright."
The number of CC-licensed photos on Flickr has reached over 100 million — the largest pool of CC images to date. Within Flickr, there is the ability to search for images by copyright type.

  • Attribution - You let others copy, distribute, display, and perform your copyrighted work - and derivative works based upon it - but only if they give you credit.
  • Noncommercial - You let others copy, distribute, display, and perform your work - and derivative works based upon it - but for noncommercial purposes only.
  • No Derivative Works - You let others copy, distribute, display, and perform only verbatim copies of your work, not derivative works based upon it.
  • Share Alike - You allow others to distribute derivative works only under a license identical to the license that governs your work.

Image libraries and repositories

Here are some libraries and repositories of images that comply to the same copyright permissions as the text content in WikiEducator. CC-BY-SA ...learn more

... please add to the list - include the name of the image library, a link, a description of the types of images AND information about copyright permissions and restrictions.

  • Note - some FREE images have advertising associated with them. Some are scams to get email addresses. Still others transmit viruses. Every effort was been made to provide links to repositories that are appropriate to WikiEducator use.

Image file extensions for images allowed in WikiEducator:

File extension Description MIME Type
.png PNG (Portable Network Graphics). Image format that uses indexed colors and lossless compression (like a .GIF file), but without copyright limitations; cannot be animated like a GIF image. PNG images may also include an 8-bit transparency channel, which allows the colors in the image to fade from opaque to transparent; GIF images only support fully opaque or fully transparent pixels; PNG images are now supported by most Web browsers. image/png
JPEG (Joint Photographic Experts Group) is commonly used to store photographs and other continuous tone images, it's also used in Internet HTML documents. JPEG format stores all the information regarding the color in RGB. JPEG also uses a compression system, which effectively reduces the file size by identifying and discarding redundant data that is not essential to display the image. image/jpeg
.gif GIF (Graphics Interchange Format). GIFs are common format for Web graphics, especially small images and images that contain text, such as navigation buttons. GIF images can also be animated and saved as "animated GIFs," which are often used to display basic animations on websites; they may also include transparent pixels, which allow them to blend with different color backgrounds. image/gif
.svg SVG Images...

Images - tutorials

Best Practices managing Images in WikiEducator


  • Many WikiEducator users have uploaded image files to WikiEducator. Unless explicitly stated, it is best not to assume that these images are in compliance with any copyright permissions.
  • Before uploading any new image, look for existing ones which might serve for your project. Let's promote reusability.

Uploading images:

  • Images must be less than 2mb
  • When trying to upload an image systems warns you image name is already in use, rename yours.
  • Use a name system for images you upload. Avoid generic titles like "image", "pic", "me", "home", etc. Some WiKieducators use a two digit personal prefix (initials) for images they upload.

Resizing images and thumbnails

  • While you can resize the image directly in the [Image] information, the whole image is downloaded every time the page is displayed and there is additional processing to resize it. This takes time and uses bandwidth and processing.
  • Consider making a smaller or thumbnail image that is already resized.
    • Irfanview - a free image editing application. It works really well and the price is right!


  • Consider using Galleries ( <gallery></gallery> wikitags ) for showing more than two (2) related pictures in a page.

Editing Image page:

  • Any pre-existing or just uploaded image should be categorised. Add as many categories as necesary for your image
  • Use the metadata template to apply additional background information to the image. Example of a well edited image page:
  • For uploading a new version of a previous image, look for all pages are linked to it. Some pages could be seriously affected by changes.



Formatting figures

Any photograph, map, diagram, or handout that is embedded in your wiki counts as a figure. Tables should be handled differently.

Adding numbered captions to your figures can simplify your writing. You can refer a reader to a picture as simply as this: (Fig 1). No need to say see below or to the right of this text, particularly when the figure may move depending on the window size in which the page is viewed. So, I suggest captions like this: Figure 1. Enough detail following the figure number to orient the reader to the image. Figure captions do not work well in the Rich Text editor, so it may be worth turning that off to edit captions. The following image and caption was added to this page using this syntax:[[Image:RainbowHypothesis.jpg|Figure 1: Students generating hypotheses|thumb]]

Figure 1: Students generating hypotheses

Once changes have been made, you should delete the text ''{{Figures}}''from your page.


Using Galleries

I notice that you have several images on your page. It may be useful to organize them in a gallery. The format is quite simple:

The following captioned gallery was added to this page using this syntax:

<gallery caption="Data set 1;Valentine's Day snow storm 2007, South Burlington Vermont">
Image:315Small Snow.jpg|Figure 1. Snow accumulation at 3:15 during a snowstorm on Feb 14 2007 in South Burlington Vermont USA; click to view closer
Image:345 smallSnow.jpg|Figure 2. Snow accumulation at 3:45; click to view closer.
Image:415 smallSnow.jpg|Figure 3. Snow accumulation at 4:15; click to view closer.

Once changes have been made, you should delete the text ''{{Gallery}}''from your page.

Image editing applications

  • Irfanview - fast, small, compact and innovative FREEWARE (for non-commercial use) graphic viewer for Windows. It is trying to be simple for beginners and powerful for professionals.
  • Inkscape- Open source scalable vector graphics editor, similar to Adobe Illustrator, that strives to be SVG compliant, responsive and extensible.
  • GIMP is an acronym for GNU Image Manipulation Program. It is a freely distributed program for such tasks as photo retouching, image composition and image authoring.

Tutorials, Tools and Image Repositories in WikiEducator

Tutorials, Tools and Help Pages

WikiEducator Repositories

Learn more...

Add suggestions for improving this page

  • Good page. I think this is more appropriate than a tutorial on the topic, but can be given to participants in tutorials like L4C. I still can not find a delete button for my duplicate image. Can you explain that here? --Philbartle 10:05, 10 March 2009 (UTC)
  • Hi Phil, found the answer to that question (any many more) at Wikipedia FAQ Editing--Lebreton 14:26, 26 March 2009 (UTC)

for offical use only