Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Best image size for tokens?

What is the best size for a medium sized creature token (1 grid square) on Roll20? I know we're shooting for ~72dpi, however looking at various retail tokens they do enlarge fairly well without quality loss, and I'd like to replicate this with my custom imported tokens (aka beta testing for retail release). Please phrase the response in the format: "The size Roll20 requires publishers to use for their tokens is X by X." Also, I am sure others would be ecstatic to find this information on the wiki page (&nbsp; <a href="https://wiki.roll20.net/Best_Practices_for_Files_on_Roll20" rel="nofollow">https://wiki.roll20.net/Best_Practices_for_Files_on_Roll20</a> &nbsp;) along with the rest of image recommendations.
1568411228
The Aaron
Roll20 Production Team
API Scripter
140px X 140px DPI means nothing outside of physical printing. The grid of Roll20 is 70 pixels. The maximum zoom is 200%. A token that is 1 grid unit by 1 grid unit will therefore be displayed at maximum resolution at full zoom at 140px by 140px.&nbsp; Roll20 does not require any specific resolution of anyone, so far as I know.
1568412585

Edited 1568531152
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
The best way to describe the resolution of a Roll20 token is ppu (pixels per unit). The resolution of the Roll20 tabletop is 70 ppu. A token saved at 70x70 will give actual pixel dimensions at a 100% magnification. Many Marketplace artists will default to 280ppu , so that a token will still have maximum fidelity at a 400% magnification, which is generally viewed as a good tradeoff between performance and appearance. The zoom toll won't take you any closer than 200% anyway. You can go to what appears to be ~400% by using the zoom slider (never tested this or looked into it, but that's pretty close for seat of the pants), so the max you should ever need to save a 1 unit token would be 280ppu. Also, because of the way Roll20 handles tokens (filling and snapping to a grid unit) it's good practice to keep the image canvas square, regardless of the image contained therein.
1568524901

Edited 1568525126
Ok, perfect guys, thanks. IMO somewhere on a wiki page we should have a comment encompassing those details. I believe there used to be a "best practices for images" page somewhere that appears to have been replaced/made redundant by&nbsp; <a href="https://wiki.roll20.net/Best_Practices_for_Files_on_Roll20" rel="nofollow">https://wiki.roll20.net/Best_Practices_for_Files_on_Roll20</a> &nbsp;which is still vague when it comes to in game resolution. Also,&nbsp; <a href="https://wiki.roll20.net/Creating_Marketplace_Assets" rel="nofollow">https://wiki.roll20.net/Creating_Marketplace_Assets</a> &nbsp;hints at it again, without spelling it straight out (something nice for the busy just looking for "the answer") :) Note this bit from the wiki did throw me off: Tokens : 280x280 pixels per "square" in PNG format, regardless of the "in-game" size of the token. At this image size, the token could be as large as 4x4 squares in-game without any issues, and will support zooming in -- and it will look good on the Marketplace listings page, as well. Do be sure, however, that your tokens are still recognizable/"look good" at smaller sizes (e.g. 70x70 pixels). Note that tokens should "fill" the square without any excess padding, and feature a drop-shadow or other outline to make them easy to distinguish from background elements. For a great example of this in practice, see&nbsp; [1] . So 280 is 400% .... still worth considering? Token Image Sizes 300% = 210px * 210px 200% = 140px * 140px 100% = 70px x 70px (Standard Grid Square) Also, didn't mean to imply Roll20 was forcing publishers to do anything - lazy wording on my side. Anyway, it's late and I am starting to ramble. Not sure if I can edit the wiki, but if so I may add a block clarifying/ flat out stating those numbers tomorrow.
1568531598
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
Actually, I misquoted on the token resolution. I was thinking maps. 280 is indeed the recommended for Marketplace token images of 1 grid unit. I have edited my post. The newer page on Best Practices is so much better than the previous page it replaced. One could put in a block such as you suggest, but I feel it would be more confusing than not. If a token is of a D&amp;D 5e large creature, all of those hard measurements would be off by a factor of 2, for instance. It's pretty clear that the size of a grid square is 70 px. If you want an image to retain resolution at a higher zoom, multiply. I think the Best Practices page would be far better served by a link at the bottom to the&nbsp;Creating Marketplace Assets page.
keithcurtis said: I think the Best Practices page would be far better served by a link at the bottom to the&nbsp;Creating Marketplace Assets page. Having looked through it all again, I concur. The world is now a better place, the wiki has been edited. Best_Practices_for_Files_on_Roll20 - Roll20_Image_Dimensions
Personally i just use&nbsp; <a href="http://rolladvantage.com/tokenstamp/" rel="nofollow">http://rolladvantage.com/tokenstamp/</a> just drop whatever image you want, you can size it up, move it around, rotate it, add shadows etc, and even preview it before uploading/downloading it
1568648677
Mike deBoston
Compendium Curator
It's really the easiest to use tool. But how do you add shadows??
1568813943

Edited 1568813978
I've been using TokenTool some, but I expect I will be using photoshop more for the high quality ones. TokenTool drops at 300*300px so might be ok depending on how resizing down to 280*280px looks. And this was more about the format, not a tool.
1568814587
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
Correct. This thread is veering into off-topic territory.