Donuts:Policies and Guidelines/Image Policy

This will be a relatively short page as it briefly goes over the image policy, we have in order to make the website look nice visually. Therefore, the image policy exists.

## **What To Do About Images**

On nearly every article page, there is an image which is why it is important to understand how to upload and use images but more importantly, how to format them properly. We will be using a character profile as an example.

The first step is finding the image you want to use, for this example, I will be using Tarantula. Naturally use Google to find the images. I am using Microsoft Edge but the concept will still be the same:

After finding the image, save the image and then go to edit it, like so:

Here, you will resize the image to be 16:9 - or 9:16 on some operating system - but in landscape mode. **Do not do 16:9 in portrait mode**.

Once you have do this for the image, press save and then on the second tab you have open for the website, click the three dots at the top right-hand corner of your screen.

A dropdown menu will appear and from here you will click on the "Upload File" option. This should redirect you to a page where you can upload the image you just saved.

Click the upload file button and select the file you just saved. Here, you will rename the file to be whatever the is for. Most of the time, it is typically named for where it is going. For example:

* TarantulaProfile.jpeg

At the very bottom of the page, there is a save button. Click this and the page will reload as the newly uploaded image.

Now, here is the interesting part of this all. The image I used as an example is the suit for Shay, therefore I need to do the faceclaim. Repeat the entire process for the faceclaim and then go back to the source editor of the character page you are working on.

As you can see, I already have the example done. However, I am going to redo it for you to follow along with:

Next to "characterimage(s)=", you erase what would be there which is "Example" and then go to the toolbar at the top and click the two boxes icon otherwise known as the Gallery icon.

When clicked, a menu should appear, like so:

You will search for the names of your photos and add the caption to each image. Depending on the type of character you have, they will varying.

* For masked individuals, the suit image will simply be their alter-ego name and the faceclaim image will be named "unmasked".
* For individuals who transform, their transformed image will be "Transformed" and the faceclaim image will be "Depowered".
* There are special cases where it is up to the discretion of the creator but typically, the aforementioned two above will be how it's labelled.

Once you have this done, press "insert" at the top right and when it loads up, click preview at the bottom of the page to see your work. It should look like this where you are able to flip between the two images:

If the character doesn't have a suit or doesn't have an alter-ego, you will simply just proceed with doing this:

Next to "characterimage(s)=", you will just write this line of code:

`[[File:yourimagenamehere.thefiletype|200px|thumb|left]]`

This will produce your image inside of the infobox. Below it, it will say "caption-characterimage(s)=" and there you will place one of their aliases of your choosing.

Congradulations, you learned how to upload and add images to article pages. This will be useful across the entire website, so you are more than welcome to refer back to this if you need help. For any further questions, ask the wiki Admins or send a message to an admin on Discord.