You can use three different values in the design settings in the radiosphere Studio Editor to define sizes or distances of the components on your website and app:
- Pixel (px)
- Percent (%)
- References ($)
Pixel (px)
Pixels are individual color values of a digitally generated raster graphic. The pixel has no fixed size but depends on the resolution of the digitally generated raster graphic. A pixel consists of smaller subpixels in the colors blue, green and red. Depending on how often these different colors occur as subpixels, the composition determines the color of the pixel. A pixel usually determines the overall image on the digital screen in combination with numerous other pixels.
If an overall image is enlarged too much, the registered number of pixels no longer corresponds to that of the overall image. The pixels become visible as individual ones and can distort the resolution of the overall image.
Percent (%)
The Percent (%) setting allows a graphic to be displayed in percentage of the total size (100%) of the web page or app. For example, if the sides of the graphic are set to 50% width and 50% height, it will be exactly half the total size of the web page or app.
References ($)
References ($) are sizes that have been defined in advance. You can find an overview of which reference ($) designation stands for which size here.