Deployment | all |
Products | All Refined products |
|---|
Summary
When adding images and icons into site and portal layouts, Refined crops the image to fit it into the designated area.
Recommendations
Below you can find recommendations for image size and proportions when adding images into different Refined modules, like Navigation Icons.
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) |
Examples: Navigation Icon
