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.