Token scaling not universal

So, I have tried to do a search for this problem but seem to come up short on the particulars of my situation. I have quite a few tokens, many of them purchased from various packs on R20 , but let's use the Devin Token Packs as an example. One token fits beautifully on to any grid and when the dimensions snap to fit whatever grid measurements are created (usually the default used by R20) the dimensions and 'size' of the token are great.  Then I'll use another and it will be SO very small inside the square that it is entirely disproportionate in comparison to the other token(s) .  On top of that, I'll try to throw in a monster token, such as a wolf, and it will looked so stretched that the wolf appears bloated, like it just finished eating Grandma , and doesn't look at all like the 'preview' version of the token in question. Easy fix would be to hold ALT while scaling the token so that it grows to whatever size I want it to, right?  That's great and all...but then if I do that, the actual dimensions of the 'space' the entire token takes up is large than the grid itself and so it then creates some very awkward off centered locations for the token when it moves around snapped to the grid.  This forces me to make that player also have to hold ALT when he moves the new scaled token around the map so that it appears to be in the center of the grid where it belongs. Is there a way I can alter the token IMAGE so that it shows up larger when I actually throw it into a map as a token, without having to expand the token width beyond the grid boundaries?

If you right click on the graphic, you can select "set dimensions" from the advanced dropdown. Set the token's height and width to what you want it to be (either in pixels or units).

Scott C. said: If you right click on the graphic, you can select "set dimensions" from the advanced dropdown. Set the token's height and width to what you want it to be (either in pixels or units). That does not fix the problem and still creates the very same issue I mention at the end. This has the very same result as holding ALT while scaling a token. Observe. I will take a picture of it

I think you must be talking about the transparent border around some image, you want to "zoom in" on part in the middle so that the portion with the figure fills more of the actual grid square, but the token is still just 1x1 grid? There isn't a way to do that inside Roll20.  You'll need to download the image and load it into The GIMP or Photoshop and crop it to the the view you want at a 1x1 grid, then upload it to your User Library and use that instead.

In this pic Cloak and Dorian are default size. Dimensions of 70 X 70 or 1 X 1 units. Luvek is an unlucky token that drops on to the map from the token pack considerably small and disproportioned. So I fixed this. He is now 93 X 93 , or 1.32 X 1.32 units. You can see how the 'edges' of the token space no longer fits inside the grid. His HP bar and name are off center and if I could somehow take a screen shot with the token selected it would show you that the edges overlap in to other grids now. How do I solve this?

Ah, sorry, I was misunderstanding the problem. Aaron's got your fix in the post above though.

(1) POG style tokens won't have that issue since they are cropping to a circle regardless of the shape / aspect ratio / proportionality of the creature. A circle token always fits inside a square unit multiple, you just don't see all parts of the creature such as a spear or tail or cape going into adjacent square. Example of this token type, <a href="https://marketplace.roll20.net/browse/set/1136/mon" rel="nofollow">https://marketplace.roll20.net/browse/set/1136/mon</a>... For example the 5E module Storm King's Thunder is designed entirely with that kind of token in Roll20, so regular-size creatures take up 1x1, larger creature sizes take up more square units! <a href="https://marketplace.roll20.net/browse/module/25/st" rel="nofollow">https://marketplace.roll20.net/browse/module/25/st</a>... See 1st SKT screenshot Otherwise -- yes.. other options... (2)&nbsp;The ALT key as you mentioned is one method. (3)&nbsp;Disable the grid is another method; or disable the grid when you are dropping tokens and then re-enable the grid for playing time. Note: Tokens (such as those in the marketplace) can be designed with transparent padding that makes them fit with proper aspect ratio at any square grid shape (1x1 or 2x2 or 4x4 units) when dropped onto a Page that has Grid enabled. &nbsp;But some are not designed this way, according to the artist's workflow and decisions and style; they might be designed as 3x1 (a horse) or even 6x1 (an anaconda long snake), or even designed off-spec as a fraction of units (83x60 pixels). You are correct, Airatome, there will be some Marketplace tokens that will drop at unexpected size & aspect ratio when the grid is enabled on your page and the token is not designed with padding to ensure squareness. With that note in mind, (4) Another option is download the tokens, open them in a graphics editor program (like Photoshop), and apply transparent padding to make a square canvas, then Save your custom token and upload it. ** This is the same as The Aaron's solution. Wiki docs with more info, <a href="https://wiki.roll20.net/Image_Best_Practices_for_R" rel="nofollow">https://wiki.roll20.net/Image_Best_Practices_for_R</a>...

The Aaron said: I think you must be talking about the transparent border around some image, you want to "zoom in" on part in the middle so that the portion with the figure fills more of the actual grid square, but the token is still just 1x1 grid? There isn't a way to do that inside Roll20. &nbsp;You'll need to download the image and load it into The GIMP or Photoshop and crop it to the the view you want at a 1x1 grid, then upload it to your User Library and use that instead. Ahhh THAT'S what I was looking for. &nbsp;Thank you. &nbsp;Yes this is exactly what I am trying to accomplish. So then I have to save the image to my computer, then load it into some other image altering software so I can make the relevant changes. &nbsp;I do not have such advanced tools as Photoshop , but I do have paint and few other image editing devices. &nbsp;How would I make sure whatever I am doing to the image is only affecting a 1 X 1 version of it?

Gold said: (1) POG style tokens won't have that issue since they are cropping to a circle regardless of the shape / aspect ratio / proportionality of the creature. A circle token always fits inside a square unit multiple, you just don't see all parts of the creature such as a spear or tail or cape going into adjacent square. Example of this token type, <a href="https://marketplace.roll20.net/browse/set/1136/mon" rel="nofollow">https://marketplace.roll20.net/browse/set/1136/mon</a>... For example the 5E module Storm King's Thunder is designed entirely with that kind of token in Roll20, so regular-size creatures take up 1x1, larger creature sizes take up more square units! Otherwise -- yes.. other options... (2)&nbsp;The ALT key as you mentioned is one method. (3)&nbsp;Disable the grid is another method; or disable the grid when you are dropping tokens and then re-enable the grid for playing time. Note: Tokens (such as those in the marketplace) can be designed with transparent padding that makes them fit with proper aspect ratio at any square grid shape (1x1 or 2x2 or 4x4 units) when dropped onto a Page that has Grid enabled. &nbsp;But some are not designed this way, according to the artist's workflow and decisions and style; they might be designed as 3x1 (a horse) or even 6x1 (an anaconda long snake), or even designed off-spec as a fraction of units (83x60 pixels). You are correct, Airatome, there will be some Marketplace tokens that will drop at unexpected size & aspect ratio when the grid is enabled on your page and the token is not designed with padding to ensure squareness. With that note in mind, (4) Another option is download the tokens, open them in a graphics editor program (like Photoshop), and apply transparent padding to make a square canvas, then Save your custom token and upload it. Wiki docs with more info, <a href="https://wiki.roll20.net/Image_Best_Practices_for_R" rel="nofollow">https://wiki.roll20.net/Image_Best_Practices_for_R</a>... This is a minor issue, of all things I could seek advice about; but being slightly OCD as I am, I want everything to just WORK ...universally lol. &nbsp;My player has no issues with me having made his token larger and having to hold ALT so that its position on the grid makes sense. &nbsp;I'm just trying to do what I can so we don't HAVE to do that. &nbsp;This was extremely helpful advice. &nbsp;I have always preferred the top down tokens over the circular cardboard-like versions.

Airatome said: The Aaron said: I think you must be talking about the transparent border around some image, you want to "zoom in" on part in the middle so that the portion with the figure fills more of the actual grid square, but the token is still just 1x1 grid? There isn't a way to do that inside Roll20. &nbsp;You'll need to download the image and load it into The GIMP or Photoshop and crop it to the the view you want at a 1x1 grid, then upload it to your User Library and use that instead. Ahhh THAT'S what I was looking for. &nbsp;Thank you. &nbsp;Yes this is exactly what I am trying to accomplish. So then I have to save the image to my computer, then load it into some other image altering software so I can make the relevant changes. &nbsp;I do not have such advanced tools as Photoshop , but I do have paint and few other image editing devices. &nbsp;How would I make sure whatever I am doing to the image is only affecting a 1 X 1 version of it? I'd recommend using Gimp. That's what I use to modify tokens. When you edit the image in gimp, photoshop, or other image software of your choice just edit the image size settings of it, don't mess with the art at all. Then you can simply set it to have whatever cushion or lack thereof you would like. To make it fit the Roll20 squares well, just make sure that the modified horizontal and vertical dimensions are equal.

I like the top-down ones too. :) Here's a different example, all of the "Buddies" tokens in the Marketplace are designed intentionally to fit in Roll20 grid squares. &nbsp; Buddies on Marketplace, <a href="https://marketplace.roll20.net/browse/search/?keyw" rel="nofollow">https://marketplace.roll20.net/browse/search/?keyw</a>... These are not cardboard cut-outs, they also technically not top-down since they have some perspective. &nbsp;They are designed intentionally by the artist in such a way that there is nothing sticking-out that would drape over into adjacent squares (causing a re-fit and smooshing when Grid is enabled) such as long swords, spears, cape, tail, or elongated creature-shapes like horse or snake. &nbsp;Where the creature is shaped un-square in "real life", the artist has designed and posed the token so that it is all curled-up fitting into a square shape (whether the square is 1x1, 2x2, 3x3...).

Airatome said: The Aaron said: I think you must be talking about the transparent border around some image, you want to "zoom in" on part in the middle so that the portion with the figure fills more of the actual grid square, but the token is still just 1x1 grid? There isn't a way to do that inside Roll20. &nbsp;You'll need to download the image and load it into The GIMP or Photoshop and crop it to the the view you want at a 1x1 grid, then upload it to your User Library and use that instead. Ahhh THAT'S what I was looking for. &nbsp;Thank you. &nbsp;Yes this is exactly what I am trying to accomplish. So then I have to save the image to my computer, then load it into some other image altering software so I can make the relevant changes. &nbsp;I do not have such advanced tools as Photoshop , but I do have paint and few other image editing devices. &nbsp;How would I make sure whatever I am doing to the image is only affecting a 1 X 1 version of it? The GIMP is free and pretty easy. &nbsp;Load the image in it, choose the Select rectangle, in the tool properties set the fixed aspect ratio, select the part you want as your grid sized token: From the menu, choose Image-&gt; Crop to Selection then save the file and reupload to Roll20. &nbsp;It will then fit in the grid the way you want it.

The Aaron said: So then my only remaining question is, if these are R20 tokens from a pack, how can I download the image to my desktop so that I can alter them? &nbsp;As it stands I don't see a R20 directory that just holds images, except the ones I have uploaded myself from outside sources.

On the marketplace entry for the set, there's a download button:

The free tokens sets from Devin are old images that weren't made with the standard 1x1 size ratio. The newer sets are a 1x1 ratio and work perfectly in Roll20. Myself, I have gone through and manually changed all of the images from the free sets to a 1x1 ratio using photoshop. The only down side, besides the time it took, is that re-uploading them into Roll20 takes up your allotted space. The Free sets can be found for download on Devin's token website for free, if you are so inclined to do the work.

Ed S. said: The free tokens sets from Devin are old images that weren't made with the standard 1x1 size ratio. The newer sets are a 1x1 ratio and work perfectly in Roll20. Myself, I have gone through and manually changed all of the images from the free sets to a 1x1 ratio using photoshop. The only down side, besides the time it took, is that re-uploading them into Roll20 takes up your allotted space. The Free sets can be found for download on Devin's token website for free, if you are so inclined to do the work. Thanks for this, I was just looking through the free R20 sets which has the 'Male Warrior' token in question and I see no 'download set' button.

Airatome said: Spoiler alert? Nah....I consider this a 'tactical inspiration' moment. No but really.... is there a way you can hide this screen shot behind a spoiler tag or something? It's a publicly viewable screenshot on the Marketplace page for Storm King's Thunder,&nbsp; <a href="https://marketplace.roll20.net/browse/module/25/st" rel="nofollow">https://marketplace.roll20.net/browse/module/25/st</a>... Per your request I deleted the screenshot pic from my post. You can edit the quote of the pic from your reply.

The Aaron said: Airatome said: The Aaron said: I think you must be talking about the transparent border around some image, you want to "zoom in" on part in the middle so that the portion with the figure fills more of the actual grid square, but the token is still just 1x1 grid? There isn't a way to do that inside Roll20. &nbsp;You'll need to download the image and load it into The GIMP or Photoshop and crop it to the the view you want at a 1x1 grid, then upload it to your User Library and use that instead. Ahhh THAT'S what I was looking for. &nbsp;Thank you. &nbsp;Yes this is exactly what I am trying to accomplish. So then I have to save the image to my computer, then load it into some other image altering software so I can make the relevant changes. &nbsp;I do not have such advanced tools as Photoshop , but I do have paint and few other image editing devices. &nbsp;How would I make sure whatever I am doing to the image is only affecting a 1 X 1 version of it? The GIMP is free and pretty easy. &nbsp;Load the image in it, choose the Select rectangle, in the tool properties set the fixed aspect ratio, select the part you want as your grid sized token: From the menu, choose Image-&gt; Crop to Selection then save the file and reupload to Roll20. &nbsp;It will then fit in the grid the way you want it. Gimp also has "Autocrop Image" (in the Image menu) that will get rid of all of the bordering transparent space.

I believe there is a suggestion in the suggestion forum to have tokens snap to the center of a grid unit rather than align upper left corners. This behavior bugs me too, since it would be easy to make halflings and the like by scaling them down, but they always wind up off center. Ultimately, the best world would be to let you set this on a per-token basis, so you can have large creatures which take up a two-by-two space, for instance, without having them center on a 3x3 space. Basically, either snap to center or snap to vertex.

keithcurtis said: I believe there is a suggestion in the suggestion forum to have tokens snap to the center of a grid unit rather than align upper left corners. This behavior bugs me too, since it would be easy to make halflings and the like by scaling them down, but they always wind up off center. Ultimately, the best world would be to let you set this on a per-token basis, so you can have large creatures which take up a two-by-two space, for instance, without having them center on a 3x3 space. Basically, either snap to center or snap to vertex. Actually, I've got a Snippet for that... on('ready', function(){ &nbsp; &nbsp; "use strict"; &nbsp; &nbsp; on('change:graphic',function(obj,prev){ &nbsp; &nbsp; &nbsp; &nbsp; if( ( _.contains(['gmlayer','objects'],obj.get('layer')) ) && &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ( !obj.get('isdrawing') ) && &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ( obj.get('left') !== prev.left || obj.get('top') !== prev.top) && &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ( obj.get('width') &lt; 70 || obj.get('height') &lt; 70) ){ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; obj.set( { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left: obj.get('left')+35-(obj.get('width')/2), &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top: &nbsp;obj.get('top')+35-(obj.get('height')/2) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }); &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; }); });

Of course you do. :) I see the intent of the script (offsetting by 35 px), but how would one use it in practice?

If it is in your API scripts, anytime a token on the objects or GM layer is moved and is smaller than 70x70, it will get moved to be centered in the space.&nbsp;

I'm "borrowing" this.

Is it meant to snap to the grid intersect lines or the center of the square?

That script assumes a grid size of 1 (70 px). It looks like you've reduced your Grid Size to 0.5.

Silvyre said: That script assumes a grid size of 1 (70 px). It looks like you've reduced your Grid Size to 0.5. Good call. That's exactly what it was.

Didn't know this would be such a popular topic.... thanks for everyone's help and input with mine and others similar issues.