What are the pixel sizes I should be providing for icons?

After reading this thread I see no clear answer. What pixel sizes should I be providing for the best results?

Since 2016 SketchUp has used vector files for icons and cursors (svg on Windows and pdf on Mac). For maximum compatibility, use a 32x32 artboard when drawing the icons, as that matches the size SketchUp will render the vectors. Other square sizes may work fine, though for vector they wont really change anything, but non-square canvases can cause strange effects when SketchUp renders them.

1 Like

Thanks for the clarification!

Personally, I don’t bother much, I use one 128x128 png for both the small and large icons. I dont see significant differences in appearance if If I use 64x64 to 256x256
(Windows)
PS:
I’ve been experimenting with svg and pfd in the past, but I can’t try it on Mac, and svg doesn’t always given good results (for unknown reason for me, so I just stopped to deal with it…)

1 Like

Yes, I had been using .png, but the reviewer at EW suggested I switch to vector images.

FWIW I know about the non-square issue because one of my old extensions had one thanks to the vector draw program I used automatically setting up an 8 1/2 x 11 canvas. SketchUp placed the cursor hotspot in a different place than I coded!

1 Like

I don’t use EW to store my extension, and I won’t as long as the prices are displayed misleadingly. :innocent:

1 Like

Shame on you EW! How is it misleading?

For example:

1 Like

Oh ya that is confusing. Free gets more search hits too I bet… the free part is the advertising!

This is illegal in my country.

Should be everywhere… I like to think of it as if I were walking into a store and asking a human a question.

“How much is this software?”
“Free”
“Ok, I’ll take it.”
“That’ll be $50.”

Just ridiculous.

1 Like

Yeah, the wording is misleading. It really means “free time-limited trial”.

I’m surprised you get good results that way. PNG is a raster pixel image. The only way to shrink it down to a 32x32 or 24x24 icon is by pixel interpolation, which is notorious for blurring and for losing any fine features.

Did you mean you don’t have access to a Mac to check how PDFs look? I’m sure people here could try them out for you.

Thanks. I usually call the attention of Mac users to give feedback, but I haven’t received complaint yet that my png icons are bad… Or are they bad after all?
How does e.g: this look like on Mac?
image

Somewhat bleached out compared to your attached image, but not bad:

1 Like

Thank you! “Somewhat bleached” can be repaired by saving your current file. (Three commands are MF_GRAYED, according to your picture :wink: )

Yeah, that darkened them right up:

Screenshot 2025-02-26 at 3.51.10 PM

2 Likes

I leave my PNGs at ~362 x 362 and let SU take care of displaying them at the correct size. One reason I do that is because I don’t have good software for removing the background to make it transparent so hover over shows the glass appearance. Removing the background from smaller sizes (e.g., 32x32) looks terrible and removing the background and then resizing doesn’t look as good. The file size is way bigger than it needs to be. But it works. If you play with the dimensions, you can get a 3D effect that makes it look like your icon is moving out in front of the glass hover over.

FYI, both paint.NET and InkScape are free and able to make transparent PNGs. In addition, the latter can write out SVGs and PDFs.

1 Like