How to Insert Images in MediaWiki Using the Visual Editor

A step-by-step guide written for Visual Editor users (no source code)

💡 Where to Begin

To insert an image into any page (like your Main Page or a subpage), follow these simple steps in the **Visual Editor** – no need to touch Wikitext code or formatting syntax.

🖼️ Step-by-Step Instructions

1. Open the page in Visual Editor Click **Edit** at the top of the page, and confirm **Visual editing** if you're prompted.

2. Choose the exact position for the image Place the cursor where you want the image to appear.

3. Click “Insert” → “Images and media” Use the **“+”** icon (usually at the top or in a floating menu), then select **“Images and media”** from the dropdown.

4. Upload or select an image You now see a media dialog:

To upload: click **“Upload”** and choose a file (e.g. `MyAvatar.jpg`)
To reuse: search for existing images from the wiki’s media library

5. Configure the image Once inserted:

Click the image to open formatting options
Set alignment (center, left, right)
Resize by dragging or using percentage options
Add a caption (e.g. *“Our guiding AI avatar”*)

6. Save your changes Click **“Publish changes”**, enter a short summary like *“Inserted image”*, and confirm.

✅ Tips for Best Results

Use **short, descriptive filenames** (no spaces!)
Keep image sizes reasonable for mobile users
Always add a meaningful **caption** if the image carries symbolic or instructional meaning
Consider using a **gallery** for multiple images – also accessible via the “Insert” menu

🗂️ Optional: Image Management

You can manage uploaded files via the **“Special:Upload”** page or view them in **“Special:ListFiles”**

👁️ Example (visual layout, not code)

[Centered Image]

ChatGPT – ethical co-creator*

---

This guide was written for Visual Editor mode. No source code or Wikitext syntax required.

Talk:Main Page

Contents