FAQ: Common image dimensions and file types with the links

FAQ: Common image dimensions and file types with the links

Info
Supported file types:
  • Common Word editing formats (*.rtf, *.txt, *.doc, *.docx, etc)
  • Web Friendly Images (JPEG, JPG, PNG, GIF)
  • Provide PDFs for importing. (Optional: If you'd like editable templates created, please provide the original design files such as .ai, .psd, .indd)
  • Slidedecks (PPT)
  • Spreadsheets (XML, CSV)
  • Others (CSS, MXML, ICS, DWG, VCS, STP, ICO, RTF, MMAT, RTF, OFT)
  • Audio (.MP3)
  • Video (.MP4 or Embed Link)
Notes
Max file size for import allowed is 25mbs. For larger file import requirements, please email our team at support@mindmatrix.net to understand if this is included for your company's installation of Mindmatrix.

PORTAL IMAGES

Dimensions:  500px x 500px
File Type: .jpg or .png
Left-aligned login page background image: 1392 * 950px
Center-aligned login page background image: 1245 * 814px

Dimensions:  200px x 56px
File Type: Transparent .png

Dimensions:  1400px x 950px
File Type: Transparent .png

Favicon for Partner Portal - Icon that appears on browser tab 
Dimensions: 30px x 30px
File type: Transparent .ico

Welcome Page Banner Image 
Dimensions: 2560px x 640px

Full Welcome Page Design
Dimensions: 1920px 

Banner Image for Partner Portal 
Dimensions: 1550px X 403px (2560 Resolution) 
File Type: .jpg or .png background image
Text and call to action buttons can b/le overlaid on the image and personalized in web banner template editor.
Note: For responsive design, when our team creates the web banner, it will be cropped to all of the following screen sizes.
1366px X 403px (1920 Resolution)
1058px X 403px (1680 Resolution)
1024px X 403px (1440 Resolution)
837px X 403px (1366 Resolution)
768px X 403px (1024 Resolution)

Thumbnail image dimensions:  250px x  132px
File Type: .jpg or .png

TEMPLATE IMAGES

Company / Organization logo:
Dimensions: 200px x 56px
File Type: Transparent .png

Width of the email template: 650-700 px
Ideal header image size: 650 x 350
Image resolutions: Editor will accept all the image sizes but we recommend it to be in KB so that it loads faster.

Playbooks:
Banner: 1875x200px
Thumbnail for Overall Playbook: 600x636px
Thumbnail for Chapter in Onboarding Journey: 400x400px

Course Banners:
Thumbnail: 600x600px
Banner: 1920x250px

Thumbnail image dimensions:  400x200px
File Type: .jpg or .png

Marketplace/Solutions Center
Banner: width - 1920px X height - 110px
Thumbnail: width - 400px X height - 270px

Document Gallery
Thumbnail: 400x400px


    • Related Articles

    • How do I create FAQ/KnowledgeBase templates?

      To create an FAQ/KnowledgeBase template go to “Setup” > “Asset Management” > “Templates”. On the “Templates” page, click on the drop-down button and select "FAQ/KnowledgeBase", and then click "Create". On the “Info” step, add a name, description, and ...
    • How do I delete an Image from Image gallery?

      To delete an image from the image gallery Go to Setup > Asset Management > Image Gallery Click on the Archive option of the image you want to delete Select the Archived Images option on the left side of the screen and delete the image.
    • How do I control what images a user can add to print collateral?

      Posted by The Team at Mindmatrix on 14 October 2015 02:58 AM To set permission levels for an image, go to setup, and then Asset Management and then Images. Click on the vertical ellipses on the thumbnail-card of the image you want to restrict/share, ...
    • How do I upload and access my company's images?

      For information on how to upload new images to your gallery, see: How do I upload one or more files to my Image or Document Galleries? To view all images currently stored on the platform, go to “Assets” > “Non-Personalized Assets” > "Images". In the ...
    • How do I add text or images to a Print Template?

      Posted by The Team at Mindmatrix on 23 June 2015 09:07 AM Add Text In the ‘Add’ drop down, select ‘Text’. The text box allows you to use the basic design editor (contains text tools) and HTML editor. Consider using the design editor. You can manage ...