This page explains how to upload an image and how to use it in any page.

How to upload an image[edit | edit source]

  1. 00:00 To upload a new image, click on the tool icon on the top bar and select "Upload file".
  2. 00:06 Click "Select files to upload".
  3. 00:09 Choose the images you want and click "Open".
  4. 00:13 Once the files are uploaded and accepted, click "Continue".
  5. 00:18 Specify the release rights of the images.
  6. 00:21 If they are not your own work, please make sure you are allowed to use them and select under which license they were released.
  7. 00:29 Click "Continue" and describe the images.
  8. 00:32 If you are uploading many files at once, you can use the "Copy information" tool.
  9. 00:38 Once you are done, click "Publish files" and a new window will appear showing how to use them inside a page or link them.

How to use an image[edit | edit source]

Visual editor[edit | edit source]

  1. 00:00 To access the visual editor, click on the blue "Edit" button or on the pencil icon on the top bar and select "Edit".
  2. 00:08 Once you are on the visual editor click on "Insert" and select "Images and media".
  3. 00:14 If you've already uploaded your file previously, look for it on the "Search" tab.
  4. 00:20 If you haven't uploaded your file yet, click on the "Upload" tab and drop your image or select it manually by clicking on "Select a file".
  5. 00:29 Make sure you own the rights to upload this image. If thats the case select "This is my own work" and then click on "Upload".
  6. 00:37 Give a name to your file and click save.
  7. 00:40 Check all the information is correct and click "Use this image".
  8. 00:45 You can now choose if you want to add captions to your image .
  9. 00:50 You can also edit parameters such as position, type or size on the "Advanced" tab.
  10. 00:56 After clicking the "Insert" button, the image will show on your page and you'll be able to use it and save.

Source editor[edit | edit source]

This section describes the image markup language, i.e. the set of "markers" (rules or conventions, coded expressions) to add images, illustrations, and graphics to Appropedia pages. After having uploaded an image (of your creation or an open-source license image), you can insert it by referencing the filename as an internal link, for example:

[[Image:Example.jpg | thumb | Caption for the image.]]

For instance, if you just uploaded a file named AEFprevfilt2.jpg, you can insert it by typing [[Image:AEFprevfilt2.jpg where is the image filename, thumb is a parameter for the default formatting of the image, and caption is the short text that describes its content. The following table will describe some of the options that you may use to format your images.

Description You type You get
Image only [[Image:AEFprevfilt2.jpg]] AEFprevfilt2.jpg
Thumbnailed image [[Image:AEFprevfilt2.jpg|thumb]]
Captioned thumbnail [[Image:AEFprevfilt2.jpg|thumb|Fig 1: Cleaning out the old filter]]
Fig 1: Cleaning out the old filter
Captioned thumbnail with center alignment [[Image:AEFprevfilt2.jpg|thumb|center|Fig 1: Cleaning out the old filter]]
Fig 1: Cleaning out the old filter

Galleries[edit | edit source]

Use galleries to organize images in a grid.

Image:Example.jpg | Caption 1
Image:Example.png | Caption 2

Using images from Wikimedia Commons[edit | edit source]

Images hosted on Wikimedia Commons can be easily used on Appropedia. For example, you can display this image hosted on Commons on Appropedia by using the standard wikitext code: [[File:Rocket-Stove-Envirofit-G3300.JPG|thumb|center|Rocket-Stove-Envirofit-G3300]] (notice that it only requires the filename, similar to a local image). The image will appear on the page as a local image. The copyright licenses on Appropedia are compatible with Wikimedia Commons, but we advise you to always check the licenses of all external content.


See also[edit | edit source]

External links[edit | edit source]

FA info icon.svg Angle down icon.svg Page data
Keywords appropedia help, files
Authors Chris Watkins, Lonny Grafman, Irene Elizabeth, Aaron Antrim
License CC-BY-SA-3.0
Language English (en)
Related 0 subpages, 109 pages link here
Aliases Help:Add image tutorial, Add Image Tutorial, Help:Galleries, Help:Gallery
Impact 5,673 page views
Created June 5, 2006 by Irene Elizabeth
Modified July 13, 2023 by Emilio Velis
Cookies help us deliver our services. By using our services, you agree to our use of cookies.