Help:Adding Media/Images and Pictures

From UBC Wiki
Jump to: navigation, search

When embedding images to UBC Wiki, You can:

  • Upload your own image to the UBC Wiki and then embed to a page and/or
  • Search for existing images that are uploaded in the UBC Wiki and Wikmedia commons and then embed to a page.

Upload your own image to the UBC wiki and embed to your page

If you are Uploading files to the wiki, only upload files that you own, openly licensed or have permission to share.

In UBC Wiki, you can upload:

  • images (png ,jpg,jpeg, gif)
  • powerpoint files(ppt, pptx)
  • excel files (xml)
  • pdf files

The maximum file size you can upload is 20M.

  1. In the sidebar, under “tools”, click “Upload file.”
    The Upload file link is under Toolbox on the left-hand side menu.
  2. Click Next at the bottom of the page after browsing the image explaining what kinds of copyright permissions your files should have.
  3. Click “Select a media file to upload” to locate the file on your computer.
  4. Click Add another file to upload multiple files or click Upload to upload the file(s).
  5. Click Continue
  6. Choose the appropriate copyright status of the file.
    • Choose the first option if you created the file. You will have give it a Creative Commons/Public Domain License.
    • Choose the 2nd option if it's a file created by somebody else. You will be asked to provide the source, author's name, and what kind of license does it have.
    • If you don't know the copyright status, you have the option of cancelling the upload.
  7. Provide a description of the file.
  8. Click Next at the bottom-right corner of the page.
  9. copy the embed code
    You will get an embed code after you upload an image. Copy the embed code
  10. paste it directly to the editor
    Go back to the page that you want to insert an image, click Edit and then paste the embed code. Your image will be automatically inserted.
  11. click on the image to edit the image.
    You're done. If you want to edit the image after you have embedded the image to the page, you can click on the image and press edit.

Add an image that you or other wiki users have uploaded to UBC Wiki previously

  1. When you upload an image to wiki but the same file already exists in the wiki, you will get a warning saying "This file is a duplicate of the following file". Under the warning , click on the name of the file.
screenshots showing the file already exists on the wiki.

2. This will take you to the file page. highlight and copy the text of the file name located on the top.

screenshots of the file page

3. Go to the wiki page that you want to add the image and press wikitext to edit in wikitext mode.

4.Click on the image icon that is located beside the link button to insert the image.

the location of the image icon

5. Under Filename, Paste the file name that you have copied in step 2 . Then press insert

Under Filename, Paste the filename that you have copied in step 2

6. Your file is now inserted to your wiki page. You can click on the pencil icon on the editing screen to switch to Visual Editing mode.

click on the pencil icon on the editing screen to switch to Visual Editing mode.

Upload the new version of the image

  1. Go to the file page of the image that you want to upload the new version. The file page will start with File:name of the file, and the page will look something like this.
  2. Under File history, click on Upload a new version of this file.
  3. Upload the new version of the image.

Adding an existing image from UBC Wiki/Wikimedia Commons using Visual Editor

VisualEditor Media Insert Menu-en.png

To search and add an existing image from Wikimedia Commons and UBC Wiki to oyour page, press the "Media" icon (a picture of mountains) in the "Insert" menu. The image will be added wherever your cursor is.

VisualEditor - Media editing 2.png

Pressing the "Media" icon opens a dialog that automatically searches Wikimedia Commons and your local wiki for media files related to the title of the page you're editing. You can change the search by changing the text in the dialog's search box.

To choose a file, press on its thumbnail image. This places the image onto the page you are editing

VisualEditor - Media editing 6.png

After the image you selected is inserted into the page, another dialog will open. This dialog allows you to add and edit the caption of the image. The caption can contain formatting and links.

The media dialog also allows you to add alternative text captions, to help users who use screen readers, or who have disabled image display.

VisualEditor - Media editing 8.png

You can also set various parameters for the image in the "Advanced settings" window. These include the alignment, the type, and size of the image.

VisualEditor Apply Changes-en.png

When you're done, press "Apply changes" to close the dialog and return to editing the page.

VisualEditor - Media editing 3.png

For an existing image, you can add or edit a caption or other settings by pressing on the image, then pressing on the "Media" icon that appears below the picture. You can resize an existing image by pressing on it, then moving the resize icon (the two-headed arrow on one or both bottom corners).

You can also drag and drop an image to a place higher or lower on the page.

See Also

Adding Images in Wiki text

See Help:Adding_Media/Images_and_Pictures_in_wiki_text