Image Size Recommendations

This article lays out recommended image sizes for:

 

Quick glance at recommended image sizes:

Compression

In all of the cases below we save the resized/cropped versions in the same format as upload (png, jpeg for example). For jpeg we use 85% quality. If an image goes through the cropping process but remains the same size (i.e. it’s not actually cropped) then we will use the original image. This is important for jpegs because it means we don't add any extra compression artifacts by resaving.

Home

Intranet background images

If you choose to include a background image from the Branding editor, we recommend you not exceed the width of 2000px and height of 650px for the image. Also, the image cannot exceed 500KB.
intranet_background_image_demo.png

Carousel images

When three images are shown in the Carousel (using the Showcase layout), we use the Widescreen crop for cover image (16:9) image for the larger panel, and the Square crop for thumbnail version for the smaller panels. 


cover_images.png

However the panels aren't actually square, they're rectangle, so we crop the sides of the square slightly.

How big is the cropped image?

The actual size of the thumbnail image will depend on the crop you've selected from the original image during content creation. If the image is being displayed at 16:9 then it's exactly the same image. If you do not resize the selection box, the thumbnail will be 500x500 px. If that's the case, the cropped version for the Carousel would be 437x500 px.

Feed images

Are these images resized?

  • Yes, to a maximum of 1600px width/height
    feed_image_sample.png

Image Tile

Are these images resized?

  • Yes, to a maximum of 1086px width/height

Is there a file size limit?

  • If the file size exceeds 5mb the image cannot be uploaded and an error message will be displayed
    tile_iamge_sample.png

Links Tile

Image ratio: 16:9

Recommended image size: 800px x 450px

Are these images resized?

  • No, the original image is displayed

Launchpad

Maximum image size: 220px x 80px

Are these images resized?

  • No. The image is centrally aligned in the Launchpad tile
    apps_launcher_1.png

Content/Sites

Cover images and thumbnails

Cover image recommended size - 1088px x 612px

Maximum thumbnail size - 500px x 500px

Are we resizing images?

  • Yes the cropped versions are resized to a max of 1088px width for Cover and 500px wide for thumbnail

Does the cropper tool create a new image even if you don't crop the image?

  • No, as long as the image is the same ratio as the crop being made and is not larger than 1088px wide

Cover image
cover_iamge_sample.png

 

Thumbnail image
thumbnail_image_sample.png

Album images

Are these images resized?

  • Yes, to a maximum of 1600px width/height
    Album_image_sample.png

Content body images

Are these images resized?

  • Yes, to a maximum of 1600px width/height. The images are then displayed at a size smaller than this to fit within the Content body- 709px for the standard size, and 1024px if 'maximum content width' is selected. Max 10mb file size (warning shown if file exceeds this).
    content_image_sample.png

Sites icon

Image Minimum size: 320px x 320px

Are these images resized?

  • Yes, to a maximum of 1600px x 1600px.
    sites_icons_sample.png

Site cover image

Recommended image size: 1088px x 171px 

Are we resizing images?

  • Yes, the cropped versions are resized to a max of 1088px x 171px
    site_cover_image_sample.png

Profile

Profile image

Recommended image size: 500px x 500px

Are these images resized?

  • Yes, to 200px x 200px

Profile cover image

Are these images resized?

  • Yes, the cropped versions are resized to a max of 746px x 304px
    profile_image_sample.png

 

Logo

Simpplr recommends using a .png file format for your company logo. Ask your Marketing team for the right file format, or use any number of free online png converter tools.

The recommended logo size is 540 (width) x 144 (height) px. Simpplr will automatically resize the logo to the maximum height of 40px. 

The favicon image should be at least 260x260 px size logo/icon, but preferably in png format and of 500x500 px size. 

Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request

Comments

0 comments

Please sign in to leave a comment.

Articles in this section

See more