Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

...

Need further help?

Ui button
newWindowtrue
titleContact Refined Support
urlhttps://support.refined.com