Working with Images on Appspace Intranet

Share on print
Share on facebook
Share on linkedin
Share on whatsapp
Share on email

In all our new design layouts, we prioritize responsive layout designs allowing images to adjust to various screen sizes seamlessly. Images added naturally fit their containers while being vertically and horizontally centered. As a result, we are unable to provide an exact image size to be used.

However, to help you create content that is visually striking and impactful without running into pixelation or unexpected cropping issues, we recommend the following image size specifications across the Appspace Intranet platform. The indicated measurements are minimum recommended sizes, however, we recommend doubling this (2x both width and height) to account for retina screens.

A safe suggestion for Blog Banners would be around 1200-1400 px wide and 230 px tall, ensuring a good balance of visual appeal while maintaining responsiveness.

Profile

Profile Picture: 136 x 136 px

Profile Banner: 1180 x 350 px

profile header2.png

Community

Community Image: 250 x 250 px

Community Banner: 1180 x 350 px

Group.png

Banner

Knowledge Center Banner: 1180 x 80 px

Legal.jpg

Story Banner: 1180 x 400 px

story.png

Page banner: 780 x 240 px

Page cover image.png

Site banner: 1920 x 344 px

site-cover.png

Topic/Channel image: 1180 x 284 px

topic-channel.png

Megamenu images: 280 x 140 px

mega.png

Posts

These measurements (expressed W x H) are the minimum recommended size for images to look nice and crisp on desktop. We recommend using large and suggestive images in general, so that they look well across all-devices (i.e. the Hero has different proportions on our mobile apps than on desktop).

Link tile images: 220 x 140 px

Link Tiles Editor Pages.png

Organization structure item: 100 x 100 px

item size.png