The Art Library is located on the second tab from the left in the Sidebar. It is always accessible in-game, but your placement permissions depend on your GM/Player status. This tab allows you to search, upload, and organize visual asset files that you wish to use in your game.
How do I search for art assets?At the top of the Art Library tab is the image search bar. After running a search, the results will show up in this descending order:
- My Library: Any image you have personally uploaded to Roll20 which uses part of your account's allotted image storage (quota)
- Marketplace Purchases: Any available image from an art set that you have bought off the Roll20 Marketplace
- Pro Sets: When a user subscribes to a Roll20 Pro Subscription, this index of Exclusive Token Sets becomes available in-app.
- Free Assets: Images from art sets made available to the Roll20 community to use for free in their games. (Note: If you are a creator, you may not use these assets in assets you intend to sell on the marketplace.)
- Premium Assets: This lists popular items from the Roll20 Marketplace, highlighted in pale yellow. These assets have been created specifically for use in Roll20 by community members like you. Marketplace assets can be expanded by clicking on More Premium Assets to show up to 100 different items which can be purchased directly by clicking on any image you like. This will open up the pack's Marketplace listing in a new window.
- From the Web This section is shaded in light blue and pulls images cached from various TTRPG image resources around the web.
Note: Images found From the Web are using search results collected in the first year of Roll20's existence while the Google Search API was freely available. This list of search results are four+ years old at this point, so at times this will only return older results.
How can I use the search bar?
An art search matches your keywords with image file names, tags, or the folder names your assets are stored in. Searching with more than one keyword will use both keywords, helping you refine your search to only assets that match both words. For example:
red dragon ...will return results that match "red" AND "dragon" together, but not just "dragon".
Optionally, you can use the OR keyword to preform a boolean search, where results will be returned if either word matches.
water way or swamp ...will return assets that match "water" AND "way", OR "swamp", but not "water" AND "swamp".
You can also refine your search further by adding a "-" symbol before a word to exclude all results for that word.
giant -fire ...will return results that match "giant" only if that item does not also have the keyword "fire".
What is the drop-down menu next to the search bar?
Above the search bar is a drop-down menu where you can choose the Image Search Type. This narrows the search to specific tags assigned to images on the Roll20 Marketplace, Pro & Free Assets, and collected resources from various ttRPG image sites. This is broken down into four categories: Tokens, Maps, Tiles, Textures, Portraits, and Everything. If you want to cast the broadest net with your search, choose the Everything option.
What is the "expand" icon above the search bar?
Also above the search bar is an expanding icon beside the word Search:. This is the Search Style toggle. Clicking on this icon will swap between small and large thumbnail display of the images found in the search results.
What is the difference between Premium Assets & My Library?
When not using the search bar to search for images, below the Search Bar is your image index. There are two indexes that you can swap between at any time, which are Premium Assets and My Library.
Everything under Premium Assets are images that you have bought, which are not counted towards your account's storage quota when you use them in your games. Folders for Marketplace Purchases, Pro Assets, and Free Assets are listed here.
Everything listed under My Library is content that you have personally uploaded into your games and stored on your Roll20 account. These images in My Library do count towards your storage quota.
How do I upload images to Roll20?
There are two methods for uploading art to Roll20. The first way is to click and drag a single image from your file explorer/computer to the Tabletop and it will upload as well as place the graphic where you designated on the Tabletop.
The second way is to click on the Upload button underneath My Library. This pops open a dialog box called Upload Files.... This dialog box has a dashed-border rectangle where you can drag a maximum batch of ten images at a time to upload them all at once. You can also select images one at a time with the Choose a file... button which brings up a file selection menu to browse for files on your computer/device. There is a file size cap for image uploads. If you have a free account, no single image or batch upload can exceed 10MB. For Plus and Pro subscribers, this cap is raised to 20MB.
Roll20 supports the following image file types: jpg, png, gif, animated gif, mp4, webm & PDF (you are only able to select one page from a .pdf for upload).
For information on optimising your files for use on Roll20, see the Best Practices guideline.
What is the Recent Uploads section?
Every single piece of art remains in here even if you move them into a folder or sub-folder. Organizing art into folders is only making a reference of the image. You can filter your view of Recent Uploads to hide any image that's already been organized into the folder tree by clicking on the icon beside the Recent Uploads heading that looks like two windows overlapping.
To permanently delete an image from My Library, it must be deleted from Recent Uploads to actually clear it from your Storage Quota. You can do this by double-clicking on the asset you want to delete.
What is the Storage Quota?
It's the amount of storage that your account can use to store assets. It doesn't include art that you use from marketplace sets or from web searches, it only includes the space used by images (and audio) that you upload from your computer. Roll20 allows a 100MB quota of art assets to be stored on a free account. Roll20 Subscribers are granted larger storage quotas; Plus accounts have a 3,072 MB (3 GB) quota and Pro accounts get 6,144 MB (6 GB).
You can check your Storage Quota usage on your My Account page underneath the Account Type & Subscription section on the right side of the page. You can also see it at the top of the Recent Uploads Folder View Window, directly above the first row of image thumbnails and below the red deletion warning message.
How do I free up Storage Space?
Once you hit your storage quota capacity, Roll20 will disallow any further uploads until room is made for them. This is either done by deleting some of your art assets from My Library or upgrading your account to Plus or Pro subscriber status for a larger storage quota.
To delete art assets, you can right click on an image in the Recent Uploads list and choose Delete Item. This will permanently remove that art asset from My Library and any game that is currently using it. With that in mind, you will want to make certain that the images you are deleting are not necessary for current game content you're actively playing with.
How do I put my images on the VTT?
To put your images onto the VTT you simply need to drag the asset from the Art Library in the right-side pane and drop it where you would like on the VTT.
Important to note, you need to drag the asset by the name. Dragging by the icon only allows for reorganizing and re-sorting of assets within your Art Library.
How can I organize my images?
There are two different ways to help organize the images in My Library: Folders and Tags.
What are Folders?
Much like the Journal tab of the Sidebar, folders can be used in the Art Library to help organize your images into subgroups.
Adding Folders: Add a new folder using the Add button underneath My Library. Follow the instructions on the prompt to name the folder and hit OK to add the folder to My Library.
Folder Options: Right click the folder to reveal this list of options: Add Subgroup, Sort A-Z, Rename Folder, Delete Folder
- Add Subgroup: This behaves exactly like clicking on the folder Add button. You'll get a prompt to enter a name for the new folder and once confirmed will create a new subfolder underneath the current one.
- Sort A-Z: This will sort any images within the folder to be sorted alphanumerically. Any subfolders will be sorted and listed before any images.
- Note: Due to the limited space on the Sidebar, the nested folders can only go three sub folder levels deep.
- Rename Folder: This will bring up the prompt again to change the name of the folder.
- Delete Folder: This will delete the folder. Deleting folders will not delete any images contained inside. Those images will be moved back to Recent Uploads. Using the Delete Folder option requires your approval upon use, confirm when prompted to initiate your action.
If you have an image in the "Folder" section that is not nested within a folder you will not be able to drag it to the VTT. To fix this, simply create a folder, move the asset to be nested within that folder, then refresh the VTT.
Sorting Subfolders and Images
- Expanding and Collapsing the Folder Nest: Each folder and subfolder has an icon directly to the left of its folder name. This icon toggles between a + and a - symbol. Clicking on this icon either collapses the folder/subfolder (-) or expands it (+).
- Moving Folders: That same +/- icon beside the folder name is also a handle where you can click and drag to move the folder to a different location in the folder nest. A folder needs to be in its expanded state for a folder to be nested inside it.
- Adding Images into a Folder: Much in the same fashion you move a folder into a folder, you can click and drag images into an expanded folder. You can drag them directly from the Recent Uploads list, or drag a batch selection from within the Folder View window. Just like adding subfolders, you need to make certain your target folder location for your image(s) is in its expanded state to place them inside.
What is the Folder View?
Clicking on an image in the Recent Upload list, an image in a folder, or on a folder/subfolder name, will open up a new window displaying larger thumbnails of available subfolders and all images contained within the selected folder (In Recent Uploads, it will show all uploaded images sitting at Root). In this view you have the ability to do several batch actions like mass deletion, mass selection, and mass image relocation. This is where you can also add and remove Tags to images.
- Navigating to Nested Folders: Double clicking on a subfolder in Folder View will navigate and open the chosen subfolder in Folder View.
- Batch Image Selection: To select multiple images, click on each desired thumbnail while in Folder View. This will highlight each selected image in pale blue. To remove an image from a selection, just click on the image thumbnail to remove it from the current selection.
- Right Click Options Menu: While inside Folder View, right clicking inside it brings up the following options menu:
- Select All: This will select every single image in the folder.
- Add Subfolder: This will add a subfolder (if able to do so) and prompt you to create a name for it.
- Tag Selected: This will add a Tag to all images currently selected. (See the Tags section for more info)
- Remove Tag: This will remove a specific Tag from all images currently selected. (See the Tags section for more info)
- Sort A-Z: This sorts all folders and images into alphanumerical order, folders are sorted first.
- Delete Selected: This will remove images from the folder. NOTE: If you delete images from the Recent Uploads Folder View, you will delete them permanently and this can not be undone.
- Batch Image Relocation: While you have a collection of images selected, you can click and drag the entire batch to a folder/subfolder in My Library to move all of them at once from one location to the next. Note: Your target folder location must be in expanded state to place images inside it.
What are Tags?
Adding Tags: To add tags to an image, you must first be in folder view, either in Recent Uploads or a subfolder of your choice. For adding a tag on a single image, click on the smaller version of the image's file name that sits right above the upload date and file size information (the filename automatically becomes its own tag upon upload). This opens up the tag field to enter new tags for the image. Hitting the space bar or enter/return key will create the tag and allow you to enter another. If you want a multi-word tag with spaces, you'll need to copy and paste the multi-word phrase in rather than type it out as a direct press of the space bar auto-completes the tag. If there's a tag you made previously for other images, suggestions of previous tags will appear below the tag field as you type. Pressing the up or down arrow will page through the available choices and hitting the Enter/Return key will set the chosen one as the new tag.
Removing Tags: To remove tags from an image, you first need to bring up the tags field as if you were to add more. Each tag has an X following the tag name. Clicking on this X deletes the tag from the image. Sometimes due to tag length, the name may stretch past the boundary of the tag field. In this instance, you may not have access to the X to delete the tag. In this situation, you can also click on a tag, which highlights it in a dark blue and then hit the Delete or Backspace key to remove the tag.
Batch Tagging/Tag Deletion:* You can click on multiple images at a time in folder view to select them as a group. They will highlight the selected images in pale blue. Click on any image a second time to remove it from this selection. While a batch of images is selected right click anywhere among them to bring up an options menu. Two of the available options is Tag Selected and Remove Tag. Selecting either of these two options will pop up a new dialog box asking you to type your desired tag to add or delete respectively from the selected batch of images. Note: You can only add or remove one tag at a time.
*We're aware that this feature currently doesn't work in the Recent Uploads folder view. This is a known bug we hope to address soon.
Optimal Organization Method
We recommend this methodology every time you upload artwork:
- Upload your art for a given game/page/system
- Tag your images in the Recent Uploads
- Sort your images out of Recent Uploads into a sub-folder
If you stay on top of this process each time you upload new images, you'll have an easier time maintaining your art library and your storage quota.
How can I favorite Premium Assets into My Library?
If there's a token, tile, or other image from the Premium Assets that you'd like to integrate into My Library, you can do this by right clicking on an image from Marketplace Purchases, Pro or Free Assets, or From the Web. This will bring up two options: Copy to Library and Copy to Folder. Copy to Library will create a reference to this image and place it above the Recent Uploads list and above any image folders you have. Copy to Folder will add a text entry below the option for you to type the name of the folder you wish to add the image to. Folder suggestions (when available) will list below after typing a few characters.
These images you'll be able to Tag, sort, and organize just like any other uploaded image asset in My Library. The important distinction with these copies is that these images are referring back to content in Premium Assets. They are not copying the images to My Library and therefore does not count towards your Image Storage Quota.
What about using my Art Library as a player?
Players can now access their Art Library in their GM's games as well! While players cannot drag-and-drop onto the VTT, they can use their Art Library to set their character's Avatar and Token art. Just drag and drop the desired image onto your Bio page while in edit mode!