Guide to Images

Written by TJ Trewin and Amy Winters-Voss
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. Images also help break up large sections of text to enhance readability.   When you want to use an image you have to first upload it to WorldAnvil. Once uploaded the image can be added to your articles and any other resources which accept BBCode.   In addition, you can add image galleries to the bottom of your article and create an image carousel.  
Check the sidebar for additional image BBCode options! You can make them wrapped by text, restrict their width and remove the image link.

Upload an Image

Go to your dashboard and click the 'Images and Files' 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 and Files' page directly with this link.   From here you will be able to drag and drop or browse to select an image to upload, as well as add a title, description, tags and credits. The drag and drop/click box is at the bottom of the page.  
A handy trick for when you have many images in a gallery folder. If you have an 'End' button on your keyboard, it will take you to the bottom of the page.
images upload - drag and drop box.png
You can upload any of the following image file types: WEBP, JPG, JPEG, PNG, GIF   Free accounts: Maximum file size is 1.0 MB   Guild members: Maximum file size is 10.0 MB

Images and Files manager location.png

 

Image Metadata

Image manager - Editing the image name and attributes.gif
The metadata of an image includes the following fields:
  • Name: The name of the file on WorldAnvil. This is displayed when the image is hovered and can be used to find the image. This also shows up under the image when embedded into the article.
  • Lock: A blue, open lock means the article is public and a red, closed lock means the article is private. You can click the icon to change the state.
  • Star (Favorite): The yellow star can be used to favourite an image. These images will be displayed at the top in the Images & File manager. It has no other effect.
  • Description: A long-form description of the image. This is used in the Image Block BBCode and displayed when someone clicks on the image.
  • Tags: The tags help you and others find the image. The global search in the world will find these tags. Separate by comma and start with #.
  • Artist Name: The name of the artist who made the artwork. Will be used for credit. This also shows up under the image when embedded into the article.
  • Artist URL: Add an URL to the artists website or portfolio. Can only be used if the name field is filled in.
  • Art Title: The title of the art given by the artist or assigned by you.This also shows up under the image when embedded into the article.
  • Art URL: A link to the art where it can be found if applicable. Will only appear in the credits if a title is set.
  When you are in the Images & Files manager you can click on the image you want to edit. The fields above will then appear on the right sidebar. All changes will be saved automatically.  
  • World: Each image belongs to a world. This can be changed. Images can only be used in the world they belong to. Images that are used in more than one world need to be uploaded as many times.
  • Galleries: An image can belong to one or more galleries. Galleries can be used to organize your images and for Article Galleries and Carousels
  There are additional options when you click the pink 'Advanced Edit' button at the bottom.  
  • Replace File: It is possible to replace the image file. All links will continue to work and simply display the new image.
  • Link URL: This will replace the default link of the image when it is clicked. It needs to be an absolute link.
  • Access: An image can be set to private. This image will only be visible to people who are part of the subscriber groups allowed to view the image.
  • Subscriber Groups: Add subscriber groups that are supposed to see the image.
  When you wish to delete a file, click on the red 'Delete File' button and click the green confirmation check button. This is final and can't be reverted!  

Add Image to ...

There are a number of ways how to add an image to an article. How it works depends on your choice of the editor as well.  

Character Portrait & Organization Crest

The character article template has a special field for a character portrait. This portrait is used in family trees, bloodlines, historical events and in NPC's / PC's of Campaigns. The image itself is added at the top of the sidebar above any other content you can add.   Follow the instructions in the GIF to the right to add the image. The typed name can be set in the Images & Files Manager.   The same applies to organization crests, but they are used in diplomacy webs instead.  

World Background

The world background image can be changed via setting: Page Background.  

Page Cover

An image can be added as a cover image for one or several of these. Each of these interfaces is either a dropdown with all images or expects you to type the name of the file. The recommended resolution for all covers is 1920x500. Each theme has a default cover which is displayed when you do not set one yourself.  
  • World
    • Homepage Cover
    • Global Cover
  • Category
    • BOOK-STYLE COVER: A category displayed as a book will use this image. Recommended dimension is 300x400.
    • PAGE COVER: This image is only used on the category page.
    • DEFAULT ARTICLE CATEGORY COVER: This image is used in all articles which are directly under this category and their sub-articles. It is not inherited to subcategories.
  • Article
    • ARTICLE COVER IMAGE (HEADER): The image is used at the top of the article and in the article blocks.
  • Historical Event
    • HISTORY COVER IMAGE (HEADER) : The image is used at the top of the historical event.
 

Article Image

To add images to an article in any place you have to add either the BBCode or use the editor button Insert Image to add an image. If you don't know which editor you use check here.
  The first step is to get the BBCode for the image. There are two options to do so:
  Clicking on any of these two icons will copy the BBCode of the image into your clipboard.  
Plato
Use the Insert Image button on the editor toolbar to add the image. Paste the code into the ID field and remove everything that is not a number. If you do not do this it will not work. Alternatively, you can copy&paste the BBCode in source mode.
Euclid & Legacy
Simply paste the code into the editor. The image should show now. Check the sidebar for all the options.
 

Image Block

The image on the right is added as an image block. This format creates a box around the image and adds the description and name from the image metadata. To insert an image block, simply type [imgblock:ID] using the Euclid & Legacy Editors, replacing ID with the image's ID number. In the plato editor use the source mode to add the image block BBCode.   You can also specify the background color if the image is transparent: [imgblock:123|color] will display an image using the color you specified as the background. You can use any HTML Color for this parameter. You can find common names here.   The image block does not currently have any other options. They have to be added with custom article CSS.
Dimitris Announcement Chibi small
Dimitris Announcement Chibi small
by 10TenArt
Chibi Dimitris has something to tell you!
   

Images & Files Manager (Codename: Apollo)

There are two ways to find the image you need for your articles.   1) Use the search bar, located at the top of the 'Images and Files' manager. Just type in at least 3 characters of the file name. The results will show up under the search bar.
Image manager - search bar.png
  2) Use the navigation panel on the left of the 'Images and Files' manager.
The 'Images and Files' manager opens to view recently uploaded images. From there you can search through the recent, your favourites (for more info, read 'Organizing Your Images' below), or click on a world to view its images and organization structure/galleries. In the example below, the yellow box shows the world name and the red box shows the gallery folder name.
  Once you find the image you want to use, copy the image ID to the clipboard as described above in How to Add an Image to Your Article.  

Gallery

Galleries are like folders for images. To create a new gallery, go to the Image Manager and select the world you want to create the gallery in. At the bottom of the left gallery, you will see a text box to create a gallery:  

 

Add Image to Gallery

  There are three ways to add images to galleries.   1) In the 'Images and Files' manager, you can drag the image to the desired gallery folder. Images can be dragged to more than one gallery.
  2) In the image attributes panel on the right, if you scroll to the bottom of the panel you'll see a green button that says '+ Add to Gallery'. If you click on it, you'll see a menu of the galleries available. Click on the gallery you want and it will be added under the 'Galleries' title. If you accidentally picked the wrong one, click the red 'x' next to it and remove it from the gallery.
    In your article, Once you've created an image gallery and added some images to it, go to the Sections tab of your article and select the Footer sections sub-tab to find the image gallery drop-down. 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)!   To retrieve the gallery carousel BBCode, navigate the gallery in the navigation panel on the left, then click on the clipboard icon.
  Paste the BBcode into an article to display the carousel. The example shows all the guild rank icons of WorldAnvil.  
 

How to Find Images to Use in Your World

If you want to use other people's images in 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:  

by TJ Trewin

 

Why do I have to upload the image?

The reason we do not allow direct linking to images and have the upload system is due 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.   Thanks to the upload system, Dimitris can target the problematic image and remove it without having to delete the entirety of every article it was used on.  

Recommended image sizes

The following table explains the recommended sizes and aspect ratios for the images you can upload to the different interfaces of World Anvil (regular article images are not included because they are flexible). The aspect ratio describes the width of the image in relation to its height—4:1 means that for every 4 pixels in width, there's 1 in height. The system won't prevent you from uploading larger or smaller images. Instead, the frame of the image will be adapted to the image or the image will be adapted to the frame, depending on the interface. In any case, staying close to the recommended size is the safest option.  
Image BBCode Examples
Please note there is a specific order the input options need to be put in.
[img:(number)|alignment (left,right,center)|width in pixels|nolink]

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.

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

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.

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

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


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

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

Quick image linking

Quick linking is a Guild feature!
If you want to make use of this feature, consider supporting World Anvil.
  Guild members can use the mention system to link to other kinds of content —including images. Simply type [ followed by the first characters of the image name. A drop-down will appear with all non-article elements with names matching your input. Simply select the image you want to inser and the standard BBCode img tag will be pasted in.

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 CSS Guides 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!
 
How do I move an image to another world?
Go to the Images & Files page and click on the image you want to move. Then, in the right sidebar, find the World field it and use its drop-down to move the image.
 
Can my co-owners & editors use the images on my account?
Yes. However, they cannot use the search fields to find them. They need to directly find the ID in the Images & Files manager.
   

Competition Information

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!
 

Using the blue button

If you are a Guild member, you can use the blue button (bottom right corner) to mass upload images from any page on your world, even while you are writing an article. Check out the Guide to the Quick Buttons for more details.  

External Images

Warning, Using External Images comes with a risk! If you use an externally linked image to your articles, and the image is reported (under copyright), there is a chance that your article will be deleted in whole!
  • You will have no issues if that is a private world.
  • You will have 24 hours after the DMCA is submitted
Also this feature is still under review, and may be removed. So use sparingly.  
Example use
[img:https://i0.wp.com/www.lostkingdom.net/wp-content/uploads/2017/01/medieval-workday.jpg]
Note: Width in pixels, left, center, right still work
 

Addidional Guides

—Amy Winters-Voss
Linking an Image to an Article
Generic article | Nov 30, 2019
Guide to BBCode Commands
Buy Ademal a coffee!
This Codex was started by Ademal Jacklyn and has grown to a rotating cast of contributors and editors.

If you see something incorrect, or have any questions, please comment on the related article and we'll respond posthaste!

If there's an article you would like to see written, say so here.

Image Gallery

Article template
Generic article
World
World Anvil Codex
Author
Ondo
Publication Date
3 Apr, 2020
Creation Date
20 Jul, 2018
Last Update Date
4 Jan, 2022
Visibility
Public
Views
56531
Favorites
78
Comments
40
Tags
images image guide feature BBCode

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!
Forgemaster Dimitris
Dimitris Havlidis
22 Jul, 2018 20:13

Absolutely amazing guide!

Join me, become a Sky Pirate in the world of Lyra!
Follow me on Twitter
nullbear
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.

Venerable Master MasterBradley
Bradley
16 Sep, 2018 16:27

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

Hjorimir
20 Nov, 2018 22:43

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

Exalted Councillor of the Inner Sanctum melior64
TJ Trewin
21 Nov, 2018 15:20

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

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.

 Check out my worldbuilding in the dark fantasy world of Melior
Venerable Master Thevipper
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...

nullbear
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.

nullbear
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.

Exalted Councillor of the Inner Sanctum melior64
TJ Trewin
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 :)

 Check out my worldbuilding in the dark fantasy world of Melior
MiaSomnyx
Mia
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

but instead more like this?

Exalted Councillor of the Inner Sanctum melior64
TJ Trewin
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]

Check out my worldbuilding in the dark fantasy world of Melior
MiaSomnyx
Mia
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.

Master Aevri
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!

vortex.harmony
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!

Scholar013
27 Oct, 2019 23:01

Is there any way to move or delete a large number of images at a time? I know how to upload a bunch at a time, but I foolishly uploaded around 100 pictures before making a gallery and now I have a ton of un-categorized pictures I want put in a single gallery

Marty4
18 Nov, 2019 02:36

Hopefully someone will see my question and respond. I am still pretty new to WorldAnvil and I have become unhappy with one of my current worlds, so instead of deleting it and starting over, I am just going to get rid of all the messy stuff I made and sort of restart it. However, I added a couple images and galleries, could someone please tell me how I could get rid of BOTH of these.

Cota
ARTHUR COTA
4 Dec, 2019 03:54

For deleting just go to the first option on the left menu, click the arrow "<" to open the world menu, go to configuration and the button to delete your world should appear, if your images are uploaded on the world you want to delete, probably they will be deleted too.   In case you have your images in another world, just go to the same world menu, but this time you select images instead of configuration. Unfortunately I don't know how to delete multiple images at once, it would be helpful a select option, witch can mark all images to be deleted.

Black Mercury
14 Dec, 2019 21:52

How do you delete a gallery? I have two galleries with the same name because I didn't think it created properly the first time.

Jade96
12 Feb, 2020 01:34

What size of image would you need in order for it to be clear? I have used many images in my world, but they all come out grainy.

Journeyman OliverCrownAuth
12 Feb, 2020 17:39

Greetings. I have an issue and I'm running Firefox in case that makes a difference.   There is no "Gallery" button to be found on the page with my photos. I'd like to organize my pictures but the option doesn't exist. Am I required to use Explorer/Edge or Chrome?   I hope not . . .

Master Yamshay
28 Feb, 2020 19:14

I'm having this same issue on Chrome. I don't see a "Gallery" button anywhere and I don't see anywhere to create folders for images. Hopefully answers you soon!

Chaili Rodriguez
2 Jul, 2020 00:05

I was having the same problem earlier today... figured out that the "create gallery" option doesn't pop up until you click on the world you want to make the gallery for. i.e. when in the "Images & Files" window, there will be a list of your worlds on the left of the screen. Click on the world you want and the gallery option should appear.   Hope this helps!

Master Sevali
Jeff
17 Mar, 2020 19:08

I'm new here and trying to see how things work. I've found a few problems and have a question. First: How do I create a gallery? I've read the information above but I have no button to press. I've looked and re-read numerous times. Second: I select "Images and Files" from the menu on the left and I see the images that I've uploaded of each character. I've run into three problems: 1) The delete button does nothing. 2) The replace button takes me to a 404 error page. 3) I can drag an image into the drag / drop zone and something seems to happen. But in the end nothing happens. I can't seem to get these image files moved from the drag/drop zone to the images section.

Master Sevali
Jeff
17 Mar, 2020 19:39

Update: I just discovered that galleries only show up when a world is created. The delete button only works in the gallery. I was trying to delete from "Recent". My comments above concern the "Recent" folder.

Grandmaster DMFW
16 Apr, 2020 17:22

I have a small problem with the order in which gallery images are displayed. In the middle of creating a set of serially linked story articles with header images I realised I needed to change the naming scheme of the articles. After doing this I noticed that the images had retained the old names and were shown in the wrong order in the gallery maintenance function, which appears to show things in alphabetical name order. To correct this, I removed and re-added the images, after which they had a consistent naming scheme and appeared in the correct order in the gallery editor. Unfortunately on the site page they are presented in a different order which appears to be image ID order, over which I have no control. By adding them again I broke this ordering. Is there anything I am missing that can control the display order in both places? One possible work around would be for me to delete ALL the images in the gallery again and re-add them in the order I want them shown. This would work because the naming scheme on my articles is in alphabetical order and they'd be allocated IDs in order as well so everything would then be aligned. It's a bit painful though (I have more than 30 images in this case), so if there is some better way of controlling the gallery display order (and it shows the same in both the file editor and on the site view) that would be super useful!

Grandmaster DMFW
16 Apr, 2020 18:23

My suggested workaround did work and wasn't TOO painful, although I still think some kind of gallery order attribute is needed for images added to a gallery.

Master GaugeDanger
7 Oct, 2020 23:43

I came to this page with this same issue, manually deleting and reuploading each image individually is tedious and there really should be a way to reorder the gallery.

WingSol
18 Apr, 2020 07:29

I paste the BBCode on one of my species image tabs which said ID but it's not pasting the image.

David DIvine
1 May, 2020 00:47

Is there any way to insert videos in the sidebars of your articles?

Sage Ondo
1 May, 2020 14:01

Of course! Just use the youtube bbcode tag, it works in any bbcode-enabled field. The sidebar fields are in the "Sections" tab of the article editing page. More information on bbcode commends here.

[they/them] Creator of Black Light, a science-fantasy universe.
Grandmaster SirCobalt
SirCobalt
18 May, 2020 06:00

The link for How to find images for your world under heading HOW TO FIND IMAGES TO USE IN YOUR WORLD returns a 404, the article no longer exists at the URL provided (there's also no credit to the author, but that doesn't quite matter when the article doesn't exist).

Sage Ondo
18 May, 2020 09:20

Good catch! Thanks for pointing that out. The link has been removed after confirming with its author that it hasn't been moved elsewhere.

[they/them] Creator of Black Light, a science-fantasy universe.
Master RoguesNtheHouse
19 May, 2020 21:41

How do you change the portrait art for an NPC? When I am editing them and I change it, the in-world image remains the same.   Thanks,   Ryan

Sage Ondo
20 May, 2020 21:21

If the NPC is synced with a world character article, you will probably have to change the character portrait from the character article editing page. It's right under the seeds text box.   Not sure if this is what you're asking, so feel free to ask follow-up questions!

[they/them] Creator of Black Light, a science-fantasy universe.
Master RoguesNtheHouse
24 May, 2020 19:59

I don't understand the difference between creating NPCs under the Campaign tab and creating characters under the World tab, let alone how to link them. Let's start at the beginning. When I create an NPC under the Campaign section, I assign them a name and an image. After that I go to Articles & Categories and click the edit button for the NPC I just created. In the editing page I click View and that brings up another "in-world" tab in my browser window. From there I click View Character Profile which opens another tab. I now have 3 tabs open for my NPC, the editing one, the in-world one, and the Character Profile. I go back to the editing tab and look at the Character Portrait section under the Generic tab. It's blank, and if I change it to a new image and click save, the in-world image and the image in the Character Profile do not change. I have to delete the original image form the Images & Files Manager for the in-world image to change to the new Character Portrait. After that, the image in the Character Profile goes blank. Sorry for the long winded speech, but I am very confused about the number of ways to create and edit characters.

Sage Ondo
24 May, 2020 22:17

I see the confusion! Let's clear up the differences first and once you understand them, maybe it will be easier to help you with the image issue.   World Anvil is a campaign manager, but it's also a worldbuilding toolset that is not necessarily used for RPGs. The worldbuilding side of WA has several article types (templates) such as settlement, organization, and tradition. One of these templates is the character template, used to talk about characters that are not necessarily part of RPG worlds.   Then there's the campaign part. When you create an NPC, you are specifically creating a character for a campaign, so you do so from the campaign interface. However, when you create an NPC, a character article (in the "worldbuilding side") is also created automatically and synced with the NPC (anything in the NPC's extended profile should also appear in the article). This is so that the character can feel more integrated to the world as a whole.   Does that make sense? I suggest you read the getting started guide too (you can find it with the search bar on top of this page).

[they/them] Creator of Black Light, a science-fantasy universe.
Venerable Grandmaster Frostsword
1 Jun, 2020 03:54

I'm noticing an issue trying to follow the image with a custom url example.   Setting the url tag with destination and then image "url=https://www.worldanvil.com/world/image/list - img:82765|nolink - /url" (pretend the braces are there, just wanted to keep it from rendering)   When I hit save the article reloads to show "url=https://www.worldanvil.com/world/image/list - https://www.worldanvil.com/world/image/list - /url" with the second destination just being plane text, no bbcode tag   Has anyone else seen this? Or am I doing something wrong? Wanted to ask before submitting a bug.

Venerable Grandmaster Frostsword
1 Jun, 2020 03:55

Basically, after saving the img tag is replaced with the destination as plain text, so saving again obviously removes the image from the article.

Sage Ondo
1 Jun, 2020 15:20

I tried it in a test world to make sure this hadn't been changed recently, and it works for me. Are you using the WYSIWYG editor? If so, click the ">_" button to switch to the code editor, you can use BBCode tags in there.

[they/them] Creator of Black Light, a science-fantasy universe.
Venerable Grandmaster Frostsword
1 Jun, 2020 23:05

Yeah I was editing in source. It works the first time and the page renders fine, but once I go back to edit, the image tag was removed for some reason.

Venerable Grandmaster Frostsword
1 Jun, 2020 23:20

https://www.worldanvil.com/uploads/images/518c121c54333795f31d38660ed82e2a.gif   That gif doesn't really do it justice since it condensed it, but trying to show the code with image and then it replaces it with the destination.   I have a col tag, then the url tag, then the image tag, close url tag, close col tag

Sage Ondo
3 Jun, 2020 09:20

This is most likely a bug with this editor, I used Euclid (the advanced code one) and I don't have this issue. You can report that using the bug tracker, which you can access from the "need help?" link in the site footer (or with this link). You'll need to create a separate account, because it's a third-party service.

[they/them] Creator of Black Light, a science-fantasy universe.
Venerable Grandmaster Frostsword
8 Jun, 2020 00:52

Gonna be honest... I didn't even see there were multiple ones. Oops. But yeah, I can submit a ticket for the "Plato" editor.

DungeonShare
21 Jun, 2020 08:25

Is there a way to add a caption under an image in an article?

Sage Ondo
21 Jun, 2020 17:24

No, but I use this BBCode code for captions:   [center][small][i]CAPTION HERE[/i][/small][/center]   Place it under the [ing] tag, although it will only work if the image is in the article sidebar, in a column, or if it takes the full width of the article.

[they/them] Creator of Black Light, a science-fantasy universe.
Chaili Rodriguez
1 Jul, 2020 16:06

When I insert images into an article, they don't show up. Is there something I am doing incorrectly?

Sage Ondo
1 Jul, 2020 20:20

Are you sure you're using the correct BBCode tag? Using the full URL is a frequent error.

[they/them] Creator of Black Light, a science-fantasy universe.
Chaili Rodriguez
2 Jul, 2020 00:10

Yes, I am using the BBCode tag. I am using Firefox, could that be the problem?

Chaili Rodriguez
2 Jul, 2020 00:17

Just figured it out! Turns out, even though I could upload the image, it was too large to insert into an article.

Sage Ondo
2 Jul, 2020 09:29

I see! Glad you could figure it out :)

[they/them] Creator of Black Light, a science-fantasy universe.
Grandmaster Kaari13
4 Jul, 2020 23:06

How would I go about adjusting the size of an image to make it smaller for a particular article without editing and uploading a second file?

Sage Ondo
5 Jul, 2020 15:41

You can specify the size in pixels as a parameter. For example, [img:82765|left|50] will force the image to be 50px wide. Note that if you include the pixels, you also have to include the alignment (can be right, center, or left).

[they/them] Creator of Black Light, a science-fantasy universe.
Grandmaster Kaari13
5 Jul, 2020 17:20

Thank you! I actually noticed the BBC examples guide on the right of the page right after asking for help, like a dork.

Sage Ondo
5 Jul, 2020 18:14

No worries! Happy to help :)

[they/them] Creator of Black Light, a science-fantasy universe.
Niitari
20 Jul, 2020 23:45

I am not an artist by any stretch, and I often glean inspiration from pinterest as its easiest for me to use on my phone. Unfortunately, Pinterest doesnt always have image credits or the proper linkbacks.   Is there a way that I can use a mass disclaimer to make it known that none of the images on my world? Say like, under every image i have a link embedded that takes them to a disclaimer article where I state that I do not own any of the images, etc.   My worldbuild is pretty much private and I have zero interest in using it or its images for any kind of purposes other than my personal inspiration references.   Or do I have to forgo images altogether?

Sage Ondo
21 Jul, 2020 09:58

Hi! Crediting the artist is highly encouraged (and compulsory for challenge entries). As a freeman your articles have to be public, so keep in mind that if the artist sends in a take-down request, Dimitris (the developer) will have to comply. Only the image would be removed though, not the whole article (that's why we don't allow URL image embedding).   You can often find the original artist using a google reverse image search. I encourage you try to do it!

[they/them] Creator of Black Light, a science-fantasy universe.
Acturus Albani
Zenith
19 Aug, 2020 02:24

Hello there! Thank you for the helpful article. I have a question. When using an artist's work as a cover image, the credits don't appear underneath it. Is there a workaround to this? I've filled out all the appropriate tags and the credits seem to be working just fine when viewing the image by itself, but not as a cover. You can find an example of this (https://www.worldanvil.com/w/arc---tus-acturus-albani/a/the-children-of-glumhaven-article?preview=true) when compared to (https://www.worldanvil.com/i/1394232). Please help! I'd hate to see my articles disqualified due to my ignorance. Many thanks in advanced!

Sage Ondo
19 Aug, 2020 11:14

Hi! Not to worry, cover credits appear in the article footer! You can find "Cover image: Dark Pond by Skvor" under the like/follow buttons.

[they/them] Creator of Black Light, a science-fantasy universe.
Journeyman Chaucer85
19 Aug, 2020 15:30

I've been trying to add new crests/logos to new Organization articles I'm making, but I can't find the option anymore. It used to be under the Generic tab, beneath the "motto / slogan / axiom" field, but now I can't find it again. Uploading to Image Gallery works fine, but how do I get that image into the sidebar above the other sidebar data?

Sage Ondo
19 Aug, 2020 17:07

Hi! You should find a text field in the top right panel, before the preview and view buttons! Just type the image name and you'll see a list of suggestions -> click the one you want.   Tip: you can upload the image using the blue button while editing the article, no need to refresh the page for the image to appear in the suggested ones!

[they/them] Creator of Black Light, a science-fantasy universe.
Journeyman Chaucer85
19 Aug, 2020 17:37

That works. Thank you.

Plexi
24 Sep, 2020 01:51

If I choose to upload an image that I created, how should I refer to myself when writing the credits for it? Would my World Anvil username suffice or would I need to use my real name?

Sage Ondo
24 Sep, 2020 10:54

Feel free to use your World Anvil name! And in the "author link" field you can link to your WA profile to clarify.

[they/them] Creator of Black Light, a science-fantasy universe.
Plexi
25 Sep, 2020 20:30

Cool. Thanks.

Master Nchristopherson
Nicohle Christopherson
12 Nov, 2020 00:18

Does anybody know how to embed an image in a Manuscript? I've been trying forever to embed a little decorative line-divider between two scenes, and I can't for the LIFE of me figure out how to do it.

Sage Ondo
12 Nov, 2020 18:19

Hi! The Manuscripts text editor doesn't seem to have any native image insertion tool. But I found a way. First, upload the image on World Anvil and get the direct URL to the image (it should end in .png or another extension). Then, go to the manuscript and click Tools then Source code. Find where you want to put the image and add this code: <img src="URL"> (replace URL with the direct URL to the image).   Then Save and you should see the image in the editor. I haven't tested if the image is visible when someone else reads the Manuscript though.   Hope this helps!

[they/them] Creator of Black Light, a science-fantasy universe.
Master RoguesNtheHouse
7 Jan, 2021 00:45

Hello, a good portion of my articles are now cut off at the top. It's not missing the cover art, it's just cut off about halfway down the "Go to Homepage" link. Did I click something on accident?   Thanks,   Ryan

Sage Ondo
7 Jan, 2021 11:51

Hi Ryan! Can you show me an example of this? Preferably a link to an article with this issue. Thanks!

[they/them] Creator of Black Light, a science-fantasy universe.
Master RoguesNtheHouse
7 Jan, 2021 17:59

It appears to be fixed today, as I haven't come across a single one that is cut off. If I do, I will post a link next time, thank you.

Master Imish Morr
21 Jan, 2021 04:41

how do I find the "direct URL of an image" I'm trying to use the CSS editor but I can't find anything labelled with .jpg or .png

Sage Ondo
21 Jan, 2021 15:28

Hi! If you right-click an image, there should be an option that says "copy image link" (or similar, depends on browser). This will copy to your clipboard the image's direct link. Hope this helps!

[they/them] Creator of Black Light, a science-fantasy universe.
Master Imish Morr
25 Jan, 2021 18:41

thanks, I actually just found out how to get it and came back to say that but my way was way more complicated than yours ill be using that from now on thanks!

Journeyman Lilliana Casper
Lilliana Casper
20 Feb, 2021 20:22

Hello. I am having issues embedding images into my articles. If I try to use the "insert an image" tab, the picture only appears as a tiny symbol on my previews. If I try to use a BBcode, I cannot get the image to float left or right: the image does not appear at all. If I copy and paste the clipboard link, I am unable to select any way to float it left or right. Is this a glitch, or is there something I am doing wrong?

Lilliana Casper   I don't comment much, but I love reading your articles! Come check out my new world, Jerde.
Sage Ondo
21 Feb, 2021 16:37

Hi! The three methods work differently, so let's see if I can clear it up for you:

  • Insert image button: this only needs the image ID number, not the full img tag. In your image gallery, each file should have a number on one of its top corners. Clicking the number copies the full code, not just the ID!
  • BBCode: the structure of the tag to change its alignment is [img:ID|right/left/center]. So, for example, if the image ID is 123 and you want it aligned to the right, you type [img:123|right].
  • Copying the BBCode: click the image ID from your file manager to copy it into your clipboard. Paste it in the BBCode editor. You'll have to manually type the alignment parameter as explained in the previous point, because this only copies the basic tag ([img:123]).
  If it still doesn't work, please let me know and send me a screenshot of the BBCode editor (you can put it on imgur or similar platforms and share the link).

[they/them] Creator of Black Light, a science-fantasy universe.
Grandmaster Scott Story
Scott A. Story
28 Jun, 2021 02:17

Is it possible to have galleries within galleries? Or should I say sub galleries? I have a great deal of images in my world And it would really help you if I could group them somehow.

Author, Artist, Historian
Sage Ondo
29 Jun, 2021 10:04

Hi! Unfortunately that's not a feature currently. But feel free to suggest it in the feature suggestion board!

[they/them] Creator of Black Light, a science-fantasy universe.
Master Morgor
Andreas Resch
13 Jul, 2021 09:07

Doesn't work. Crests are not saved.

Sage Ondo
13 Jul, 2021 10:44

Can you please elaborate on what your issue is?

[they/them] Creator of Black Light, a science-fantasy universe.
Master Morgor
Andreas Resch
13 Jul, 2021 18:44

I figuered it out now... I clicked on "save" after the image was displayed in the crest field. As I thought just entering the number / tag would be enough.   But I have to click the Image i want, only that makes the true selection. I found out only after I had more than 2 pictures in the search.

Grandmaster A.J.Ponder
A.J. Ponder
30 Jul, 2021 02:07

Thank you. Just a quick question - I have an image from a 17th Century unknown artist - I've credited it as Unknown 17th Century artist - is this against the rules for competitions? Not that I'm trying to win anything - other than bronze :)

A.J. Ponder (author)
Sage Ondo
30 Jul, 2021 12:09

That should be ok! No worries :)

[they/them] Creator of Black Light, a science-fantasy universe.
Journeyman BSigurd
15 Aug, 2021 14:37

Can I make sure that the image is NOT wrapped by text when I adjust the width?

Sage Ondo
15 Aug, 2021 18:50

There are two ways! The most straightforward one is aligning it to the center. If you don't want to change its alignment, you can use two columns and leave the left (or right) column empty. This is the BBCode to create columns:   

 
[row]
[col]IMAGE GOES HERE[/col]
[col][/col]
[/row]
 
  This will force all text to be either before or after the image, not at the side, but it has the drawback that the maximum width of the image can be 50% of the page (excluding the sidebar). If you want the image to be left-aligned instead, move the image in between the second set of "col" tags.   Let me know if that makes sense/is useful!

[they/them] Creator of Black Light, a science-fantasy universe.
Master Papervolcano
30 Oct, 2021 13:56

Hi,   I’d like to add a key to my calendar article, using the icons from fontawesome as with the calendar entries. But I’m not familiar enough with bbcode to work out how.   Fontawesome provide the following html to use the icons <i class="fas fa-crown"></i> - is it possible to use this to embed the icon image? Thanks!

Sage Ondo
31 Oct, 2021 12:28

I'm afraid that's not possible with your current Guild level —you'd need a Grandmaster subscription to embed FontAwesome icons. At your level, you can embed map pins as icons, using the [pin:NAME-OF-PIN] syntax, but they're different from FA.   For future reference in case you decide to upgrade to Grandmaster later on, this is the syntax to embed FontAwesome icons: [section:fas fa-crown] [/section] (basically using the "section" tags instead of the <i> html tags, but keeping the same class name).   I hope this clears things up!

[they/them] Creator of Black Light, a science-fantasy universe.
Master Peculiaris
22 Dec, 2021 20:40

Hiya :) I'm having a problem locating the image gallery option... Does it appear in all types of articles? I want to add a gallery to a species article, but can't find the option in the design tab. Anyone knows if it's possible? Thanks!

Sage Ondo
23 Dec, 2021 22:21

Looks like this guide was outdated! The option was moved to Sections -> Footer sections. I'll correct the guide now. Thanks for the heads-up too!

[they/them] Creator of Black Light, a science-fantasy universe.
Master Peculiaris
24 Dec, 2021 19:38

Found it! And the gallery looks awesooooome~ Thanks so much!

Master Cocodragongirl
9 Jan, 2022 04:16

Hi, how do I change the size of the image on a regular Article?

Sage Ondo
10 Jan, 2022 09:29

Hi! You can specify the width of the image as an argument in the img tag. However, the size is the second argument, which means that you'll also have to specify the alignment (left, center, or right. left is the default). To make an image 50px wide and keep it in the default alignment, you would use this: [img:123|left|50]   Hope this helps, and let me know if you need more help!

[they/them] Creator of Black Light, a science-fantasy universe.
Journeyman Caestus
21 Jan, 2022 02:02

No matter how I do it, I cannot get ARTICLE COVER IMAGE (HEADER) to work ever. Please advise. I am becoming aggravated.

Sage Ondo
21 Jan, 2022 09:47

Hi! The cover image field works like a search bar. Typing the file name is not enough, you then have to select the file from the list (there might be a single suggestion, but you still have to click it). Let me know if that helps!

[they/them] Creator of Black Light, a science-fantasy universe.
Journeyman Caestus
22 Jan, 2022 18:49

Grazie. 謝謝您, merci, thank-you Ondo, I appreciate your assistance. I see the key is for each individual image file to be named in the advanced edit. Once there the system can "see" it to allow its selection. Peace.

Find your way!

Our Podcast

WHO WE ARE

LEGAL

Get the news

CREATE YOUR ACCOUNT

Development

Education

EVENTS

Our Shop

REACHING OUT

A BIG THANK YOU

To all our Our Patrons for their unwavering love and support.

For the amazing images. His Titanship Christopher Dravus of Ironrise Games, Our Revered Deity Basic Dragon / Rin & His Majesty Caeora

World Anvil v.0.14.4524 - Chronos [BETA] © 2017 - 2022 [en] | Anvil Time: 14:34, Jan 23 2022