When you add images and icons to layouts, Refined crops them so they fit into the designated area. To make sure the images on your sites are of the highest quality, we recommend the following image sizes.
Circle & square
Setting | Image size |
|---|---|
x-small | 50x50 px |
small | 100x100 px |
medium | 150x150 px |
large | 200x200 px |
Rectangle
Setting | Image size |
|---|---|
x-small | 30x50 px |
small | 60x100 px |
medium | 90x150 px |
large | 120x200 px |
Original
Setting | Image size |
|---|---|
x-small | width 50 px (height auto) |
small | width 100 px (height auto) |
medium | width 150 px (height auto) |
large | width 200 px (height auto) |