How to insert images into MediaWiki

Inserting images in MediaWiki takes a few steps to accomplish. First the file needs to be uploaded. Then you will need to insert the code in the page that places the image in the content. This article will explain the steps to upload and insert images into your MediaWiki pages.

Important! If you have not enabled user uploads in your MediaWiki you will not be able to complete this tutorial. Please check the Enabling user image uploads in MediaWiki tutorial for more information on allowing image uploads.

Inserting an image into your MediaWiki pages

  1. Log into MediaWiki.
  2. Upload file link MediaWiki

    On the left hand side in the navigation sidebar, click the Upload File link.

  3. Select the image source MediaWiki

    On the Upload file page, browse for the image you want to upload to your MediaWiki page.

    Click Upload File.


  4. Get the file name MediaWiki

    The file will show in the File history and the file name will display in the page.

    On the image page to the top left, you can see the file name. in this case File:Dog4.gif.

Note! The file name is used in the MediaWiki code to display the image. Notate the image name for the next step.

Notate the file name.


  • Insert the image code MediaWiki

    Find a page to insert an image in.

    Click the Embedded file icon in the WYSIWYG editor. A code will be generated like the following:

    [[File:Example.jpg]]

    Change Example.jpg to your file name. In this case the file name is Dog4.gif. The code should look like the following example.

    [[File:Dog4.gif]]

    Save the page.


    Finished view of image MediaWiki

    Now you will see your image show on the wiki page.

  • Images can also be formatted to display left, right or with captions. The next article will explain how to format the images in MediaWiki.

    Thoughts on “How to insert images into MediaWiki

    • WikiUp is a small utility for adding images and files to your MediaWiki wiki site. (Windows only). With WikiUp you simply paste the image from the clipboard, click upload and then paste the Wiki-tag directly into the page you’re editing.

      You can drag and drop files and images to upload instantly. Automatic naming of pasted images.

      WikiUp is completely free.

      Available at http://wikiup.se

    Leave a Reply