Image Blocks and Navigation Blocks will generally allow the editor to pick from one of five automatically generated image sizes, from Extra Small to Extra Large. The exact resolution of each size will depend on the type of display. Retina screens display two pixels where a traditional display would have one, which means that a graphic that fills a 50 x 50 pixel area will need to be 100 x 100 pixels for optimum viewing quality on a retina screen.
Size | Standard Display (px) | Retina Display (px) |
XS | 35 x 35 | 70 x 70 |
S | 50 x 50 | 100 x 100 |
M | 150 x 150 | 300 x 300 |
L | 225 x 225 | 450 x 450 |
XL | 300 x 300 | 600 x 600 |