Add vector images

As a Roblox developer, it is currently too hard to create icons that need to remain sharp and scale cleanly across different screen resolutions.

Currently Roblox only supports raster images. These work well at fixed sizes and detailed images but they become difficult to manage with icons that need to be displayed at multiple sizes on different screens.

I propose to add support for vector images (such as SVG or other vector-based formats) for UI.
Vectors can be rendered sharply at any size without becoming blurry or pixelated which is valuable for screens with varying PPI (phones, tablets, laptops). Vectors can also allow icons to be reused at different sizes without the need for multiple raster images at different resolutions. Vectors can potentially allow runtime editing like color changes, stroke, and other effects without the need to upload different images.

Use cases:

  • Icons that resize depending on in-game settings or by animation
  • Inventory systems where icons are displayed at different sizes
  • Zoomable images

Roblox could add support for SVG assets directly and potentially introduce a dedicated VectorImage object (VectorImageLabel, VectorDecal, VectorImageButton)

Adding vector support would improve UI quality, reduce asset duping, and make it easier to make clear experiences across any device.

10 Likes

bump, this would be useful, especially for one of my projects, and SVG is definitely the best way to go with that because every vector drawing app that I know of uses it

2 Likes

I agree. There’s a noticeable difference in the rendering between a TextLabel and an ImageLabel, so this would be helpful to improve how games look. I think this would also align well with Roblox’s goal to make games look better and more realistic (i.e. with emissive textures and PBR). The 1024 pixel limit for raster images is also pretty limiting since it makes longer images low quality.

They’ve spoken about SVG support in the past. While this is from 2018, I doubt their position has changed.

1 Like