LogoLogo
  • WELCOME
    • Welcome
    • Why Intranet.ai
    • Request a DEMO
    • Use cases
  • SHAREPOINT INTRANET
    • Introduction
    • Plans
    • Hosting options
    • Requirements
    • Installation
      • Installation process
      • Action before the installation meeting
    • Components
      • Advanced Search
      • Alerts and service communications
      • Anniversaries
      • Breadcrumb
      • Bulletin Boards
      • Button with Pop-up Content
      • Comments Area Removal
      • Company Apps
      • Company Documents
      • Company Documents with Folders
      • Company News
      • Content Translation
      • Contributors
      • Departments
      • Disclaimer
      • Discussion and Project Groups
      • Engagement Board
      • Event Calendar
      • FAQs
      • Graphic Buttons
      • Graphic Dividers
      • Highlights
      • Image Slider
      • Instant Form
      • In This Page
      • Intranet Tour
      • Job Posting
      • Key Initiatives
      • Leadership Team
      • Locations Map
      • Mood
      • My Apps
      • My Favorites
      • My Profile
      • News Announcements
      • News Archive
      • Organizational Chart
      • Page Hints
      • Pages Menu
      • People Directory
      • Pop-up
      • Quotes
      • RSS Feed
      • Sections with Custom Background
      • Social Media Posts
      • Videos
      • Welcome Box
    • Other configurations
      • Intranet branding
      • Image dimensions
      • Icons
      • Creation of tag systems for news and documents
      • Teams push notifications
      • Configuration of favorite lists and user lists
      • Viva Connections
      • Creation of dynamic groups in Microsoft Entra ID
    • Releases
      • Version 1.1
      • Version 1.2
      • Version 1.3
      • Version 1.4
      • Version 1.5
      • Version 1.6
      • Version 1.7
      • Version 1.8
      • Version 1.9
      • Version 1.10
  • ACKNOWLEDGEMENT
    • Introduction
    • Hosting options
    • Requirements
    • Installation
      • Installation process
      • Actions after the installation
    • Features
      • Acknowledgement for documents
      • Acknowledgement for pages and news
    • Use cases
    • Releases
      • Version 1.1
      • Version 1.2
      • Version 1.3
      • Version 1.4
  • MICRO LEARNING
    • Introduction
    • Plans
    • Hosting Options
    • Requirements
    • Installation
      • Installation process
      • Actions before the installation meeting
    • Features
      • User roles
      • Navigation bar
      • Course list
      • Course status
      • Steps to create and deliver a course
      • Create a course with AI
      • Create a course from scratch
      • Delete and recover a course
      • Add a new lesson
      • Edit, delete, or move lessons
      • Lesson types
      • Add attachments and embedded content
      • Clone a course
      • Translate a course
      • Generate a final quiz
      • Final Quiz & Gamification Settings
      • Publish and unpublish a course
      • Assign a course
      • Export in SCORM
      • Take a course on SharePoint
  • Integrations
    • Viva Learning
    • Microsoft Teams
    • Microsoft Copilot
  • Use Cases
    • How to turn a Teams meeting into a document
    • How to generate a course from a PowerPoint
    • How to embed a Google Map into a lesson
      • How to insert a document in a course
  • Releases
    • Version 1.1
    • Version 1.2
    • Version 1.3
  • RESOURCE RESERVATION
    • Introduction
    • Requirements
    • Installation
      • Installation process
      • Actions after the installation
    • Features
    • Use Cases
  • Releases
    • Version 1.1
    • Version 1.2
    • Version 1.3
    • Version 1.4
  • TICKETING SYSTEM VIA TEAMS
    • Introduction
    • Hosting options
    • Requirements
    • Installation
      • Installation process
      • Technical set-up
      • Ticketing System Management
    • Features
      • Users’ roles
      • Platform interface
      • Navigation bar
      • Notification system
      • Platform settings
      • Ticket lifecycle
    • Integrations
  • APP MOBILE
    • Introduction
    • Plans
    • Requirements
    • Installation
    • Distribution
    • Features
    • Integrations
    • Releases
      • Version 1.1
      • Version 1.2
Powered by GitBook
On this page
  • Site logo and header
  • Site logo
  • Extended header
  • Pages
  • Page header
  • News
  • News header
  • Preview image
  • Web parts
  • Background Section Editor
  • Company Apps
  • Company News
  • Event Calendar
  • Graphic Buttons
  • Highlights
  • Hover Buttons
  • Image slider
  • Key Initiatives
  • Leadership Team
  • Locations Map
  • Mood
  • My Profile
  • Pop-up
  • Quick Links
  • Quotes
  • Videos

Was this helpful?

  1. SHAREPOINT INTRANET
  2. Other configurations

Image dimensions

This section provides useful information on the dimensions to adopt for the creation of images and icons.

PreviousIntranet brandingNextIcons

Last updated 6 months ago

Was this helpful?

Site logo and header

Site logo

Dimensions: 1220 x 305

Extended header

Dimensions: 2560 x 164


Pages

Page header

Dimensions: 1920 x 320


News

News header

Dimensions: 1920 x 320

Preview image

Dimensions: 1920 x 1080 (16:9)


Web parts

Background Section Editor

Dimensions: 1900 x 545

Company Apps

Dimensions: 80 x 80

Company News

The aspect ratio of the image should be 16:9 (1920 x 1080) for the picture to be correctly shown in the news archive. However, the IAI News web part is characterized by a layout with multiple squares, which shows only what is inside the green square below (400 x 400).

Event Calendar

  • Dimensions for event categories: 55 x 55

  • Dimensions for event pictures (supported only by the Compact with details layout): 379 x 213

Graphic Buttons

  • Dimensions for the small button: 250 x 250

  • Dimensions for the medium button: 250 x 300

  • Dimensions for the large button: 250 x 400

Highlights

We suggest using this web part in a 2/3 section and adopting the following dimensions: 1920 x 800

Hover Buttons

We suggest that you choose a 100 x 100 image but keep some margins, as shown in the picture below:

Image slider

This web part is particularly suitable for rectangular pictures. For example, the screenshot below features 2740 x 500 pictures:

Key Initiatives

  • Dimensions for the pictures: 400 x 400

  • Dimensions for the masks: create a 400 x 400 image, put the desired shape at the center of this area, and save the image as a PNG with transparent background

Leadership Team

Dimensions: 800 x 800

Please note: to ensure optimal performance, avoid using images with excessive file sizes. High-resolution images may significantly delay the loading time of the web part.

Locations Map

Dimensions for the pin icon: either 50 x 50 or 30 x 50

Mood

If you decide to create a custom icon, it is important that you adopt a square image. Good results are obtained with 50 x 50 images.

My Profile

  • Dimensions for the cover image: 800 x 300

Maximum size accepted: 4 MB

  • Dimensions for the tag image: it is important that tag images are 150x150 in size; otherwise, the tag will not be visible.

Pop-up

Suggested dimensions for pictures and videos: 1920 x 1080

Quick Links

  • Dimensions for the compact, tiles, and list layouts: 400 x 400

  • Dimensions for the grid and filmstrip layouts: 210 x 120

Quotes

We suggest creating a 620 x 620 project with a 290 x 290 image. Then, the web part allows you to move the image and zoom in.

Videos

  • Video Channel logo: the aspect ratio of this picture should be 4:3. We suggest adopting the following dimensions: 1000 x 750.

  • Video thumbnails: 1280 x 720 (good results are also obtained with 1920 x 1080 pictures)

N.B. Sharepoint is responsive. This means that regardless of the dimensions of the screen, the image with the correct dimensions will fit everywhere.

50 x 50
30x50
Page cover image