Image | World Anvil Codex

Images

Restructuring the Codex

We are currently moving articles around and changing the general structure of the Codex. Please come back later if you get lost!
Written by TJ Trewin and Amy Winters-Voss. Updated by SoulLink.
A picture is worth a thousand words.
It's true! An image can help you visually describe things to a reader or audience to help them understand things in your world on a deeper level. Images can also help break up large chunks of text, making it easier to read. There are many different ways you can use images in your world. This article will give you an overview of how to add them and point out all the important features related to them.   To use an image on World Anvil, first upload it. Then you can use the image in all the ways that World Anvil offers. When uploading an image, it is recommended to use the WEBP image format. Supported image formats are JPG, PNG, WEBP and GIF.

Uploading an image

Images can be uploaded in one of two ways. The first is from the Images interface, where you manage and organize all the images of a world. This upload can only upload a single image at once. To mass upload multiple images use the blue mass image upload feature.   You can upload the images either by dragging them into the drop zone of either upload feature or click on the dropzone to open up a file dialog to select your images on your device. You cannot upload images directly from an URL.
Screenshot of the image dropzone of the image manager on World Anvil.

Using images on World Anvil

These are the various ways images can be utilized on World Anvil.

Character portrait and organization crest

The character article template has a special field for a character portrait. This portrait is used in family trees, bloodlines, historical events the character is associated with, and campaign NPCs/PCs. The image itself will be added to the top of the article's sidebar, above any other content you can add.   To add an image as a portrait or flag, you must search for the image. You can search for an image by name or by tags. When the image appears, click on it to save it. The screenshot to the right shows the process in action.   The same applies to organization emblems, but they are used in diplomacy webs instead of family trees.

World background

This feature is available to Master, Grandmaster and Sage guild members.
  The world background image is a setting of the world and can be change here: Page Background. To change the background only on specific pages it is necessary to use CSS.

Page covers for articles, categories and events

An image can be added as a cover image for one or more of these. Each of these interfaces is either a drop-down list of all images or expects you to enter the name of the file. The recommended resolution for all cover images is 1920x500. Each theme has a default cover image that will be displayed if you do not specify one.  
  • 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. 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.

Image BBCode

Images can be added anywhere with BBCode support. The basic BBCode to add an image is [img:id]. There are three different options that can be applied. See below for all the options.  
[img:(number)|alignment (left,right,center)|width in pixels|nolink]
  Learn how to add the BBCode to your articles with the video below or check the BBCode examples under it:    

Examples

A hammer above an anvil in dark blue on a light blue background.
Code
[img:82765]   Output
The image added without any options. Its size depends on the size of the uploaded image and the space available on the page where it will be displayed.

A hammer above an anvil in dark blue on a light blue background.

Code
[img:82765|nolink]   Output
The nolink option removes the link from the image. This is useful if you want to add the image as a purely decorative element, or if you do not want users to navigate away from the page they are on.

A hammer above an anvil in dark blue on a light blue background.

Code
[img:82765|left|100]   Output
This image is aligned to the left side of the page on which it appears. Text above or below the image may appear to the right of the image. The width of the image is set to 100 pixels.

A hammer above an anvil in dark blue on a light blue background.

Code
[img:82765|right|100]   Output
This image is aligned to the right side of the page on which it appears. Text above or below the image may appear to the left of the image. The width of the image is set to 100 pixels.

A hammer above an anvil in dark blue on a light blue background.


Code
[img:82765|center|100]   Output
This option aligns the image to the center of the page on which it is displayed. The width of the image is set to 100 pixels. No text can appear on the side of the image.

A hammer above an anvil in dark blue on a light blue background.
Code
[url:https://www.worldanvil.com/world/image/list][img:82765|nolink][/url]   Output
An image with nolink allows you to give it a custom link with the url BBCode. Use this only if you need more than one link to the same image. Otherwise, use the LINK URL field in the advanced editing section to replace the URL.

Embedding an External Image

On World Anvil it is generally recommended to upload an image to the image manager and then use the image as follows. If this is not possible or desired for one reason or another, there is a way to embed an image directly without uploading it first. Just add the direct link to the image in the image BBCode instead of the id number. The same options are available.   The reason this is not recommended is that if you do not have permission to use an image, and the copyright holder files a DMCA claim against your use of the image on World Anvil, the team may have to remove the entire article in which that image is embedded, not just the image itself!  
[img:https://www.worldanvil.com/uploads/images/a1def8d2e452019fb5c08473547efa7a.webp|left|50]
 

Image block BBCode

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, add the BBCode [imgblock:222269] to the location.   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. The block is moved to the right side with the use of the container BBCode. To change the layout of the block more extensively CSS has to be used.
Dimitris Announcement Chibi (small)
Chibi Dimitris has something to tell you!

Image metadata

Image metadata is used to describe the image and give it some context. You can change most of this metadata to provide context for the image within your world.   The metadata of an image includes the following fields:
  • Name: The name of the file on WorldAnvil and the title of the image. Be sure to give each image a good name, as this field will be used as the image title in the carousel and when the mouse is over the image embedded in an article. The image manager and galleries use this field to sort images in lexicographic order.
  • Privacy State ( / ): The lock can be used to set the privacy status of images. A blue open lock means the item is public, and a red closed lock means the item is private. You can click the icon to change the status. In the advanced edit form, the status is changed using a drop-down menu.
  • Favorite ( / ): Favorite an image to pin it to the top of any list in the images manager. You can view all your favorited images with the filter in the left sidebar. This has no effect anywhere else in World Anvil.
  • Description: A long-form description of the image. This is used in the Image Block BBCode and displayed on the image page that can be opened by clicking on an embedded 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 #.
  • Alt Text. This text is added to the alt property of the image whenever it is embedded. The alt field is used by accessibility tools to discribe images to folks who cannot see the image and is used as a placeholder should the image not be loaded correctly. Adding a good alt text is important for accessibility and SEO. Take some time to craft good alt text. The full references and recommondations can be found here. For easier to digest recommendations with examples check out the sources below:
  • Artist Name: The name of the artist who made the artwork. Use this field to credit the artist of the work. Add your own name if you made it. When the image is embedded in an article it will show up directly under the image. If the image is used as a cover image or a portrait / flag the credit will appear at the bottom of the article.
  • Artist URL: Add an URL to the artists website or portfolio. Is only active if the Artist Name is filled in. Turns the name into a link, making it easy for readers to find the artist.
  • 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. Is only active if the Art Title is filled in. Turns the title into a link, making it easy for readers to find the original source of the work.
  • World: Each image belongs to a world. It is possible to move an image to a different world with the dropdown menu. Images can only be searched by title in the world it is associated with. However, the image id is globally unique and can be used anywhere on World Anvil. It is currently not possible to move an image to a world you are not the owner of. Even if you are the co-owner or and editor on that world.
  • Galleries: An image can belong to one or more galleries. Galleries can be used to organize your images and for Article Galleries and Carousels
  • 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. While this field is empty the image links to the default image display page.
  • Subscriber Groups: Add subscriber groups to the image. Only users with this subscriber group can see the image and access the image page.
  Some of these fields can only be accessed in the advanced edit form of the image. Check out the info about the images manager to learn more.

Galleries & Carousel

Image Gallery
Technology / Science | Oct 29, 2023

Galleries are used to organize images and showcase a large quantity of images within a world. Includes an option to display a carousel.

Image size and storage

The image size and storage are limited to a specific amount on every account. The limit on storage depends on the subscription tier of the account, while the image size depends on the type of image as well.

Maximum storage

Tier Storage
Free account
100 MB
Master
2 GB
Grandmaster
5 GB
Sage
10 GB

Maximum image size

Location Free user Guild member
Profile images
1 MB
1 MB
World Images
1 MB
10 MB
Map Images
3.5 MB
25 MB

Recommended image sizes

The following table explains the recommended sizes and aspect ratios for images you can upload to the various World Anvil resources (regular article images are not included as 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 pixel in height. The system doesn't prevent you from uploading larger or smaller images. Instead, the frame of the image will be adjusted to fit the image, or the image will be adjusted to fit the frame, depending on the resource or location. In any case, staying close to the recommended size is the safest option.  

Frequently Asked Questions (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?
Check the tables above for the image upload size limit and overall storage limit on World Anvil.
 
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 manager 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 manager. Or you give them the ID. Writers and advanced writers cannot see the images of the world, so they need to be given the ID to add any images.
 
Why do I have to upload images to use them?
The reason we do not recommend 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 the team to take down the image. Thanks to the upload system, the team can target the problematic image and remove it without having to delete the entirety of every article it was used on.
 
How do I credit an artist?
The best way to credit the artist for an artwork that you use on your world as an image is to use the associated metadata fields on the image. This will make sure that the credits appear anywhere you use the image. Otherwise make sure to either credit your art wherever you use it or have a global copyright notice somewhere on every page of your world where images may appear.
 
What happens if the team receives a DCMA takedown request for an image I uploaded?
The team will review the request and give you 24h to either take down the image yourself or prove that you do have permission to use the image. After the 24h are up the team will delete the image from your image library.
 

Navigation


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

Absolutely amazing guide!

World Anvil Founder & Chief Grease Monkey
Twitter | World Anvil Changelog
“No act of kindness, no matter how small, is ever wasted.” - Aesop

Feb 20, 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.

Sep 16, 2018 16:27 by Bradley

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

Nov 20, 2018 22:43

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

Nov 21, 2018 15:20 by TJ Trewin

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

A hammer above an anvil in dark blue on a light blue background.
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.


Journals of Yesteryear
You're invited to explore my new world!
Jan 25, 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...

Feb 20, 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.

Feb 20, 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.

Feb 20, 2019 17:24 by TJ Trewin

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 :)


Journals of Yesteryear
You're invited to explore my new world!
May 5, 2019 13:56 by Mia

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?

May 5, 2019 14:15 by TJ Trewin

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]


Journals of Yesteryear
You're invited to explore my new world!
May 5, 2019 14:32 by Mia

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.

Jun 4, 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!

Jul 27, 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!

Oct 27, 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

Nov 18, 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.

Dec 4, 2019 03:54 by ARTHUR COTA

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.

Dec 14, 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.

Feb 12, 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.

Feb 12, 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 . . .

Feb 28, 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!

Jul 2, 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!

Mar 17, 2020 19:08 by Jeff

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.

Mar 17, 2020 19:39 by Jeff

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.

Apr 16, 2020 17:22 by David Worton

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!

Apr 16, 2020 18:23 by David Worton

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.

Oct 7, 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.

Apr 18, 2020 07:29

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

May 1, 2020 00:47

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

May 1, 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.
May 18, 2020 06:00 by SirCobalt

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

May 18, 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.
May 19, 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

May 20, 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.
May 24, 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.

May 24, 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.
Jun 1, 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.

Jun 1, 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.

Jun 1, 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.
Jun 1, 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.

Jun 1, 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

Jun 3, 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.
Jun 8, 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.

Jun 21, 2020 08:25

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

Jun 21, 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.
Jul 1, 2020 16:06

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

Jul 1, 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.
Jul 2, 2020 00:10

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

Jul 2, 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.

Jul 2, 2020 09:29

I see! Glad you could figure it out :)

[they/them] Creator of Black Light, a science-fantasy universe.
Jul 4, 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?

Jul 5, 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.
Jul 5, 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.

Jul 5, 2020 18:14

No worries! Happy to help :)

[they/them] Creator of Black Light, a science-fantasy universe.
Jul 20, 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?

Jul 21, 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.
Aug 19, 2020 02:24 by Zenith

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!

Aug 19, 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.
Aug 19, 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?

Aug 19, 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.
Aug 19, 2020 17:37

That works. Thank you.

Sep 24, 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?

Sep 24, 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.
Sep 25, 2020 20:30

Cool. Thanks.

Nov 12, 2020 00:18 by Nicohle Christopherson

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.

Nov 12, 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.
Feb 21, 2023 04:02

I keep trying that but doesnt work. how do I get the photo ID????

Feb 21, 2023 09:11

Those instructions were specifically for Manuscripts (a feature not available to free accounts). To embed them on an article, go to the Images section of the world and copy the little button with numbers you'll find at the top of each thumbnail. Then paste that on the article. The "Article Images" section of this guide explains this.

[they/them] Creator of Black Light, a science-fantasy universe.
Jan 7, 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

Jan 7, 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.
Jan 7, 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.

Jan 21, 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

Jan 21, 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.
Jan 25, 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!

Feb 20, 2021 20:22 by Lilliana Casper

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! Please check out my worlds, Jerde and Tread of Darkness.
Feb 21, 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.
Jun 28, 2021 02:17 by Scott A. Story

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
Jun 29, 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.
Jul 13, 2021 09:07 by Andreas Resch

Doesn't work. Crests are not saved.

Jul 13, 2021 10:44

Can you please elaborate on what your issue is?

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

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.

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

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)
Jul 30, 2021 12:09

That should be ok! No worries :)

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

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

Aug 15, 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.
Oct 30, 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!

Oct 31, 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.
Dec 22, 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!

Dec 23, 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.
Dec 24, 2021 19:38

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

Jan 9, 2022 04:16

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

Jan 10, 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.
Jan 21, 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.

Jan 21, 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.
Jan 22, 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.

Jan 24, 2022 10:48

Happy to help! If you know the image's ID, the system will also find it with it (but just the number, not the "[img]" part).

[they/them] Creator of Black Light, a science-fantasy universe.
Feb 18, 2022 00:26

I try and upload, its a PNG and less than 10 MB but it just gets to almost complete and sits there. Never gotten it to work despite multiple attempts

Feb 18, 2022 10:24

Hi! If you're sure it's under 10 MB, it might be a problem with your network connection. Could you try it with another device (and, if possible, with a different network)? If it still doesn't work and you don't think about your connection, you can report it as a bug here.

[they/them] Creator of Black Light, a science-fantasy universe.
Feb 19, 2022 21:33

Hello, how do I force a change of the world background image. I have removed the CSS code and deleted the image from my library and the same background image remains. I redid the CSS code and posted a link for a different image and no luck. I logged out, deleted my history and it is still the same old image. Ant help would be appreciated, thank you.

Feb 19, 2022 21:57

Never mind, after I added a few more images, it updated.

Mar 23, 2022 04:02

Hello, I have a 3.8MB PNG image that will not upload. As the limit is 10, is there another reason this might not be working?   Thank you,   Ryan

Mar 23, 2022 09:37

Hi! This might be a problem with your internet connection—I just tried uploading a 4 MB image and it worked without issues. Are you able to try it with a different network?

[they/them] Creator of Black Light, a science-fantasy universe.
Mar 23, 2022 14:32

I just emailed it to my phone and uploaded it from there and it worked fine, thanks Ondo.

May 24, 2022 10:04

Thank you for the guide. Would be hugely helpful if, in the image location area, you included where to set these and a better description of that they are. I think I'm more than an hour in on looking for where the heck to set the 'Content tree item image' which I hope is the default tree image at the top of all of my pages.

May 24, 2022 19:41

Hi! The content tree images are the ones you can use in the content trees feature. The image that appears at the top of the article/world homepage (in this page is the golden "WA" logo) is the "article and world cover".

[they/them] Creator of Black Light, a science-fantasy universe.
May 29, 2022 19:47

Thank you Ondo,.. make sense and appreciate the help!

Aug 23, 2022 12:23 by Kate

Is there a way to create a subgallery within a gallery for better organization?

Aug 23, 2022 13:27

That's not possible with the current implementation. You are welcome, however, to suggest it as a feature in the community voting board!

[they/them] Creator of Black Light, a science-fantasy universe.
Sep 20, 2022 20:43

This might be a stupid question, but will the alignments still work if I spelled centre in the British English way, or should I stick to the American spelling?

Sep 21, 2022 07:45

Only the American spelling will work!

[they/them] Creator of Black Light, a science-fantasy universe.
Oct 20, 2022 22:24

Thanks for the help! Much appreciated and saved so much confusion!

Sep 27, 2022 13:18

I have couple of enthusiastic players that want to write their own articles and add images to said articles, but how can they access image library that I have created? They don't seem to see it.

Sep 28, 2022 07:21

They won't be able to see the image library unless you give them Editor permissions (but they would be able to see private content, so I wouldn't recommend that for players!). So you'll have to give them the image IDs so they can use them.

[they/them] Creator of Black Light, a science-fantasy universe.
Oct 21, 2022 03:03 by Glenn Cauthon

Thanks for the great guide! I have a small issue you might be able to help me with. If not no worries. It might be something on my end, but in case it’s not I’ll ask the question here so it might help someone else. I’ve been trying to get the campaign cover image to show up correctly on the page, but when using the recomended size and aspect ratio it doesn’t fit the whole image correctly and tiles the image, or some of it at least) about half-ish way through the given area for the pic. I’ve messed around with resizing it and found a size that came close, but even though it would have fit it cut off the top 1/5th or so and put it on the bottom for some reason. Any ideas, or is it just me? Thanks in advance for any help you have!

Oct 21, 2022 08:09

You're right, the recommended size is also tiled for me. Could you report the issue to our bug tracker? Thank you!

[they/them] Creator of Black Light, a science-fantasy universe.
Oct 22, 2022 04:41 by Glenn Cauthon

Sure, will do!

Nov 9, 2022 22:06

Hi, I've been having a problem where I've used some images as backgrounds and such in my CSS, and most of the time it loads fine, but every once in a while sometimes they don't load and I have to go back to the image file manager and open up the image in a new tab myself, and then it'll go back to loading properly in my actual world. I was just wondering if you have any idea what might be causing this, and/or what I could do to stop it from happening.

Nov 10, 2022 09:13

Hi! Could you paste the full URL of the image you're using in your CSS here?

[they/them] Creator of Black Light, a science-fantasy universe.
Nov 10, 2022 13:51

Here's one of them: https://www.worldanvil.com/media/cache/apollo_preview/uploads/images/fe3ad3cb069ba5a40d3211fce044ce70.png It's happened with others too, but I'm guessing whatever the problem is with this one is the same as with the others.

Nov 11, 2022 09:04

Yes, you aren't copying the proper URL! Instead of right-clicking the image preview on the image manager, click it to open the image page in a new tab (not the direct URL). Then copy the direct URL to that image. This should do it! But let me know if you need any clarification.

[they/them] Creator of Black Light, a science-fantasy universe.
Nov 11, 2022 16:09

I think I got it, thank you!

Dec 9, 2022 04:49

Hello, for the past few months I have been having issues with images not loading. Eventually they do, but sometimes it takes 20-30 times for it to work. Has something changed? I'm on a brand new gaming PC with good connection and I can't upload a 0.1MB pic on the images screen. Maps upload fine and I never had an issue with images until recently.

Dec 12, 2022 10:14

Image uploading is working fine here, both in the Images section and using the blue quick button. Is the issue still persisting? If so, please report it here: https://github.com/worldanvil/worldanvil-bug-tracker/issues

[they/them] Creator of Black Light, a science-fantasy universe.
Mar 2, 2023 19:48

is there a way to have the artist credit show up on the image when its used as a Heroes character profile picture? currently the credits only show up if you insert the picture in the article

Mar 3, 2023 08:48

Hi! I don't think this is possible right now. So I recommend adding the credit in the character's profile manually, that should do the trick!

[they/them] Creator of Black Light, a science-fantasy universe.
Mar 5, 2023 19:30

alrighty, was just checking in case i was missing something. thank you!

Jun 10, 2023 09:37

is there a way to deit the size of pictures and move them?

Jun 12, 2023 08:20

Hi! Yes, you can change the image size and align them on the left, right, or center of the page. Check out the "Image BBCode Examples" section in the sidebar of this article!

[they/them] Creator of Black Light, a science-fantasy universe.
Jul 6, 2023 16:52 by Marie Efromson

The only image I don't see any information about is the use of the [badge] tag to display badges. (For reference, I'm working on the sidebar on this page. And I am just now realizing I'm not sure whether to use bbcode or html in comments...) The sidebar has the silver summer camp badge I won last year on it, using the [badge] tag that was copied and pasted exactly as-is. I was hoping to make it smaller, since I'm hoping to have a number of images there soon! I tried adding a bar and 150, but the badge tag did not display smaller. Please let me know if there's a way to do this, or if I have to go dig up the exact image ID and hover text and do it all manually.

Jul 6, 2023 18:16

Hi! Comments have full BBCode support (as you've probably seen now).   For the badges, the badge tag doesn't have a way to resize—it's not an img tag, so it works differently. Badges don't have an image ID assigned to them because they aren't uploaded to a world, so if you want more control over it, you'll need to download the badge and reupload it to your world.

[they/them] Creator of Black Light, a science-fantasy universe.
Jul 8, 2023 16:36 by Marie Efromson

Thanks, Ondo! I was afraid of that. I guess I can do it that way. I know I can do that; I was just hoping there was something more convenient.

Aug 22, 2023 20:49

Hallo ich teste das gerade. Finde 10 MB für Bilder doch etwas zu wenig in der heutigen Zeit?!?!

Aug 23, 2023 08:43

Hi! As a freeman, you get 100 MB of storage space, not 10. Guild members get 2 GB, 5 GB or 10 GB depending on their subscription tier. Let me know if you have any other questions!

[they/them] Creator of Black Light, a science-fantasy universe.
Sep 6, 2023 07:49 by Adrian Stymne

How do I use the images that I've added through the Images tab as a handout from the Storyteller screen? At the moment, I seem to have to upload the images again through the Storyteller screen in order for me to be able to pass them out as a handout.

Sep 6, 2023 08:11

Hi! Yes, that's correct. Currently, the handouts tool can't "see" the images you've uploaded to your world. We are planning to update the campaign manager though, and that will probably be part of it.

[they/them] Creator of Black Light, a science-fantasy universe.
Sep 23, 2023 20:23 by Vorpal Joe

Is there a method to mass delete images?

Sep 25, 2023 08:46

Hi! No, currently there isn't a way to delete multiple images with one click.

[they/them] Creator of Black Light, a science-fantasy universe.
Sep 25, 2023 16:32 by Vorpal Joe

Thanks for the answer, do you know if there's some kind of "backdoor" I can use to access the path of the images and delete them from there?   I started un manual cleanup, but there's 4 gigs of pictures for me to delete. I can't see the end of it. lol

Sep 28, 2023 09:03

If you know how to code, you could write a script with the API (documentation here). Other than this, there isn't another workaround, although you can always suggest this as a feature.

[they/them] Creator of Black Light, a science-fantasy universe.
Sep 28, 2023 15:58 by Vorpal Joe

Nice, thank you! I'm not a dev myself but know some people that might be able to help me out. I'll think about the feature suggestion.   Have a nice day!

Jan 26, 2024 02:46 by Morgan Berry

In the category images it says: 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.“. However for mine it does the articles but not the sub articles (articles under articles). The help in the discord chat said it does not do the sub article. Not sure if this needs to be corrected or if I have broken something.

Jan 27, 2024 00:48

It seems that child articles aren't affected by the category settings. You can suggest this as a feature enhancement here: https://www.worldanvil.com/community/voting/

[they/them] Creator of Black Light, a science-fantasy universe.
Jan 27, 2024 13:54 by Morgan Berry

Thanks. Will we update the article?

Jan 29, 2024 05:53

I'm not sure I understand the follow-up question, could you clarify?

[they/them] Creator of Black Light, a science-fantasy universe.
Jan 29, 2024 10:05 by Morgan Berry

Shouldn't we remove "and their sub-articles" since they actually do not inherit from "This image is used in all articles which are directly under this category".

Jan 30, 2024 06:29

Good point! Thanks.

[they/them] Creator of Black Light, a science-fantasy universe.
Feb 17, 2024 18:04

Is there an ability to make like a showcase? Where images are not being used in an article yet, but they are in the file manager. I'm using myself as an example here, I have a lot of self made images, I'd like people to see them, but don't have anywhere to put them relevant yet. A dedicated art article, not attached to anything?

May you find the truth as it billows through the branches...
Feb 19, 2024 05:42

Hi! You can share the direct link to the image page, but that's for individual images. You could put all of them in an article or, if you want more control over the layout, you could use Whiteboards too.

[they/them] Creator of Black Light, a science-fantasy universe.
Feb 19, 2024 14:06

Thank you! I'll have to give the whiteboard trick a try

May you find the truth as it billows through the branches...
Feb 19, 2024 14:06

Thank you! I'll have to give the whiteboard trick a try

May you find the truth as it billows through the branches...