Guide to Images

Going forward it will now be a mandatory requirement that you credit the artists whose images you use- even if you yourself are the artist who created the image; don't credit your artists? Your article can no longer be featured- and will no longer be eligible to win competitions!

A picture is worth a thousand words.
  It's true! An image can help to visually describe things to a reader or audience to help them understand things in your world at a deeper level.   This guide will show you how to upload an image and place it in your article, how to create image galleries, how to find images for your world, how to credit an artist and also a bit about why we use this system on World Anvil and not direct linking.    

How to upload an image

 

Go to your world's dashboard and click the image button. This can be found in the left sidebar (see the screenshot in the right) or in the green power hammer button at the bottom right corner of the screen. You can also access the images page via this link: https://www.worldanvil.com/world/image/list   From here you will be able to browse and select an image to upload, as well as add a title, description, tags and credits. Click on "Advanced options" to see all available fields!

Image Guide 2
  You can upload any of the following image file types: JPG, JPEG, PNG, GIF   Free accounts: Maximum file size is 1.0 MB   Guild members: Maximum file size is 10.0 MB

Image Guide 1

 

How to add an image to your article

Once you have uploaded your image, you will be able to fill in any extra information you need. On this page in the right side bar will be the BBCode for this image.
Image Guide 3
You can also grab the BBCode of any of your images by visiting your Image Gallery and clicking the clipboard icon to copy it for pasting into your articles.  

How to assign a character portrait

Once you have uploaded the image you want to use, you will need to go and edit your character article.   The article must be using the character template for this to work officially, but you can get around this by putting the image bbcode in the Sidebar: Over panel content in the Design tab of your article when editing. Note that this method will not appear in RPG campaigns.   If you are using the character template, scroll down to Character portrait under the profile section of the character article. Select the image that you uploaded, hit the save changes button and you're good to go!  

How to create image galleries

Go to your main Image Gallery to view all of your images. Next to the section to upload an image, there is a button to create a new gallery. Creating galleries is a great way to keep all of your files tidy and easy to find, but you can also add image galleries to articles in your world (such as at the bottom of this article).   To add an image to a gallery, edit the image and select which galleries it should appear in.  

How to add an image gallery to your article

Once you've created an image gallery and added some images to it, go to the Design tab of your article. Select the image gallery and click save changes. When you view the article, the images will display in a gallery at the bottom of the article (just like this one)!  

How to find images for your world

If you want to use other people's images on your world, you can - but be mindful of using images with the correct Creative Commons Licence and always give credit to the artist or creator in the image info.   Read more about why this is important regarding copyright in this upcoming section.   Here are some super useful guides that explain how you can find free, CC0 images to use in your world:  

How to credit an artist

Make sure you've read the guides in the section above to check if you're allowed to use the image, and then go ahead and upload it. Once you've uploaded it you can fill in all of the sections such as title, description and tags. Under this there is a section for crediting the original creator or artists, the URL to the original (if applicable).   This information will display discreetly underneath the image to let people know that you are crediting the artist. Here is an example of this in action:    

Why do I have to upload the image?

The reason we do not allow direct linking to images and have the upload system is down to copyright.   If an artist, photographer or creator discovers that you have used one of their images unlawfully or without permission - they may contact Dimitris, the developer, and ask him to remove the image.   Due to the upload system, this means that Dimitris can target the problematic image and remove it without having to delete the entirety of every article it was used on.

Image BBCode Examples

In this section are examples of the different BBCode that you can apply to images.
WA default avatar

Code:
[img:82765]
What it does:
Adds the image to the page at an automatic scale. You can click on the image to go to the image's page for more information.
WA default avatar

Code:
[img:82765|nolink]
What it does:
Makes the image unclickable, meaning you can use it as a purely decorative element.
WA default avatar

Code:
[url=https://www.worldanvil.com/world/image/list][img:82765|nolink][/url]
What it does:
An image with nolink allows you to give it a custom link with the url BBCode.
WA default avatar

Code:
[img:82765|left]
What it does:
Floats the image to the left.
WA default avatar

Code:
[img:82765|right]
What it does:
Floats the image to the right.

WA default avatar


Code:
[img:82765|center]
What it does:
Aligns the image to the center.
WA default avatar

Code:
[img:82765|left|50]
What it does:
Sets the image width to 50. Change this number to whatever you like!

FAQ

How many images can I use in an article?
As many as you like! But be careful not to add LOADS as it can make your article look cluttered or load slowly!   What's my upload limit overall?
This is viewable in your Image List! Free members have 100 MB storage, with 1MB Max uploads and 3.5MB Max uploads for Maps. Guild members have significantly higher storage levels which you can check out here!   How do I change my world's background image and appearance?
This is one of the many perks of being a guildmember! You can achieve this with custom CSS in your world configuration menu. Check out the Guide to CSS Formatting for more info.   Can I put the image BBCode anywhere on the site?
Absolutely! You can even put it in map pins, timeline excerpts and your world vignette!

Comments

Author's Notes

If you have any extra questions about images, leave a comment below and we will add it to the guide!


Please Login in order to comment!
22 Jul, 2018 20:13

Absolutely amazing guide!

20 Feb, 2019 17:08

Would it be possible to have image-embedded bbcode images? IE: you would still have to add the image via the upload/gallery, and use the bbcode link to link it to the article, but the bbcode is using the original image host rather than hosting the file on your servers itself.   The system already functions by using bbcodes to reference a URL. When you upload an image, it gives you an option to include the original URL. If you included the feature for images to be added without uploading files, and for images with custom url's to embed THAT url instead of the local url. ex. src="/uploads/images/" vs "if bbcode has customurl, src="customurl"" This would still make it easy to locate and delete violating images by deleting the bbcode img, but would reduce the amount of data the server would need to host, and permit more content w/ less data.

16 Sep, 2018 16:27

A world anvil article tutorial using a world anvil article, my mind has been blown. great advice!

20 Nov, 2018 22:43

How do I wrap text around an image within an article?

21 Nov, 2018 15:20

You would use the [img:82765|left] example! It should look something like this:  

WA default avatar
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id metus at nisi pulvinar tempor. Mauris ac risus sit amet libero suscipit mattis quis vitae libero. Mauris hendrerit urna libero, nec porta justo vulputate id. Curabitur vitae viverra odio, ac placerat ex. Sed ultrices mattis justo, ac faucibus nunc condimentum nec.

25 Jan, 2019 01:47

Is there a way to say... import 50 pictures at once?   I have many characters and have a picture by them to remind me of speech patterns, mannerisms etc, and really would rather not do them one by one...

20 Feb, 2019 17:02

Would it be possible to have image-embedded bbcode images? IE: you would still have to add the image via the upload/gallery, and use the bbcode link to link it to the article, but the bbcode is using the original image host rather than hosting the file on your servers itself.

20 Feb, 2019 17:08

The system already functions by using bbcodes to reference a URL. When you upload an image, it gives you an option to include the original URL. If you included the feature for images to be added without uploading files, and for images with custom url's to embed THAT url instead of the local url. ex. src="/uploads/images/" vs "if bbcode has customurl, src="customurl""   This would still make it easy to locate and delete violating images by deleting the bbcode img, but would reduce the amount of data the server would need to host, and permit more content w/ less data.

20 Feb, 2019 17:24

Sounds like a neat feature! Can you put in a feature request to our dev? Click on the link right at the very bottom of World Anvil that says Suggest a Feature to do so :)

5 May, 2019 13:56

Is there any way to insert multiple images on the same row? As in, to not have images appear like this

1.png
but instead more like this?
2.png

5 May, 2019 14:15

Try using the rows and columns bbcode
  [row] [col][img:123][/col] [col][img:123][/col] [/row] [row] [col][img:123][/col] [col][img:123][/col] [/row]

5 May, 2019 14:32

It only lets you create up to 3 columns, it won't work if I want to have 4 or 5 images in a row, which is a thing I'm actually in need of.

4 Jun, 2019 19:17

Firstly, let me say thank you for the article....I reference it almost daily. Secondly, do you know how to make the artist credit bar match the image size? For example, if I do [ img: 12 3 4 5|left|200 ] And it has the credits of 'Artpiece by Aevri' the image will be smaller, but the bottom grey bar with the credits will still be the same size as if the image were full size.   Thanks again for writing this!

27 Jul, 2019 00:20

Is it possible to upload just a photo to the "Prose" section? I want to make a comic, but I don't know if I should just make a link to it or include it on this website. I want to make sure it's obviously separate from the background information Thank you!