Web Image Specifications "Cheat Sheet"

All images should be at least 72 dpi.
Please also refer to our accessibility guidelines for images on the web.

Umaryland.edu

UMB homepage slideshow

1500 x 450px

The focal point should be central. The left and right sides will be cropped to fit certain screen sizes.

The bottom 1/4 to 1/3 of the image will be obscured by the headline and blurb.

No text should be embedded in the image. In addition to the usual accessibility concerns, the variably cropped and/or obscured nature of the layout does not accommodate text.

Standard slideshow

740 x 400 px (if the page has a left column)
1022 x 400 px (if the page has no left column)

The focal point can vary, but it will work best if it follows the rule of thirds. The image may be obscured by a text overlay on the left or right third (Bottom or top on mobile). Parts of the image will be cropped to fit certain screen sizes. You can choose which portion of the image should be prioritized.

No text should be embedded in the image. In addition to the usual accessibility concerns, the variably cropped and/or obscured nature of the layout does not accommodate text.

Thumbnail list item

Image dimensions can vary, so long as all adjacent thumbnail list items on the same page share the same dimensions.

100 x 100px works well.

Tiled gallery

Images should be 310px wide but can be any height.

Video gallery

Thumbnails should be 75 x 75px.

Image gallery

The thumbnail should be 165 x 165px.

The full image may be quite large, but the larger the image the longer it will take to load in the viewer's browser. Recommended maximum width is 1500px.

General content

For an image to fill the entire width of the main content column, it must be:
820px wide (if the page has a left column)
1102px wide (if the page has no left column)

The image can be any height.

Two column content

For an image to fill the entire width of a column, it must be:
400px wide (if the page has a left column)
537px wide (if the page has no left column)

The image can be any height.

Three column content

For an image to fill the entire width of a column, it must be:
260px wide (if the page has a left column)
350px wide (if the page has no left column)

The image can be any height.

Four column content

For an image to fill the entire width of a column, it must be:
190px wide (if the page has a left column)
255px wide (if the page has no left column)

The image can be any height.

UMB News

Homepage thumbnail should be 400 x 250px.
Article images should have a maximum width of 510px (can be any height).

The Elm

Elm blog post

904px wide

The image can be any height.

Elm Weekly email

Photos or Graphics in email: 960 x 600px
Section headers: 702 x 45px
Masthead Banner: 646 x 242px

The Common Calendar

Calendar events

Maximum 363px wide (if the image is entered into the Event Image field)
690px wide (if the image is meant to fill the width of the main content column)

The image can be any height.

Social media

Facebook

Business Page Profile Picture: 180 x 180
Must be at least 180 x 180 pixels.
Photo will appear on page as 170 x 170 pixels on desktop, 128 x 128 on smartphones, and 36 x 36 on most feature phones.
Photo thumbnail will appear throughout Facebook at 32 x 32 pixels.
Business Page images will be cropped to fit a square.

Cover Photo: 820 x 312
Appear on page at 820 x 312 pixels. Anything less will be stretched.
Minimum size of 400 x 150 pixels.
Displays at 820 x 312 pixels on desktop and 640 x 360 pixels on smartphones.
Doesn’t display on feature phones.
For best results, upload an sRGB JPG file less than 100 KB.
Images with a logo or text may be best as a PNG file.
Business Page dimensions are exactly the same as personal accounts.

Shared Image (in a post): 1,200 X 630
Recommended upload size of 1,200 x 630 pixels.
Will appear in feed at a max width of 470 pixels (will scale to a max of 1:1).
Will appear on page at a max width of 504 pixels (will scale to a max of 1:1).

Shared link (in post): 1,200 x 628
Recommended upload size of 1,200 x 628 pixels.
Small Square Photo in Link Preview: Minimum 154 x 154px in feed.
Small Square Photo in Link Preview: Minimum 116 x 116 on page.
Full Size Rectangular Photo in Link Preview: Minimum 470 x 246 pixels in feed.
Full Size Rectangular Photo in Link Preview: Minimum 484 x 252 on page.
Facebook will scale photos under the minimum dimensions. For better results, increase image resolution at the same scale as the minimum size.

Twitter

Profile photo: 400 x 400 (displays at 200 x 200)
Square Image recommended 400 x 400 pixels.
Maximum file size 2 MB.
Image types include: JPG, GIF or PNG.

Header/Cover Image: 500 x 1,500
Recommended 1,500 x 500 pixels.
Maximum file size of 5 MB.
Image types include: JPG, GIF or PNG.

In-Stream Photo: Minimum 440 x 220 (2:1 Ratio)
Minimum to appear expanded 440 x 220 pixels (a 2:1 ratio).
Can tweet up to 4 images at one time.
Can edit images if tweeting from Twitter iOS or Android app.
Maximum to appear expanded 1024 x 512 pixels.
Appears in stream collapsed at 506 x 253 pixels on desktop.
Maximum file size of 5 MB for photos, and 5 MB for animated GIFs on mobile and 15 MB on web.

Instagram

Profile Picture: 110 x 110
Appear on your profile at 110 x 110 pixels.
Square photo: make sure to maintain an aspect ratio of 1:1.

Photo Size: 1080 x 1080
The size of Instagram images has been increased to 1080 x 1080 pixels.
Instagram still scales these photos down to 612 x 612 pixels.
Appear in feed at 510 x 510 pixels.
Square or rectangle photos: make sure to maintain an aspect ratio between 1.91:1 and 4:5 ratio.
Smaller featured header images appear as 204 x 204 pixels, and larger featured header images appear as 409 x 409 pixels.

Instagram Stories: 1080 x 1920
Recommended resolution is 1080 x 1920.
Minimum resolution is 600 x 1067.
Aspect ratio is 9:16.
Max file size is 4GB.

LinkedIn

Company Logo Image: 300 x 300
Recommended 300 x 300 pixels.
Minimum 300 x 300 pixels.
Maximum 4MB (Square layout).
Image types include: PNG, JPG or GIF.

Square Logo: 60 x 60
This is the brand image that shows up when your company is searched. Make sure you use something recognizable to your brand let customers know which company is yours.
60 x 60 pixels (resized to fit).
Maximum 2MB.
Image types include: PNG, JPG or GIF.

Company Cover Image: Between 1536 x 768
Recommended between 1536 x 768 pixels.
Minimum size of 1192 x 220.
Maximum 4MB.
Appears as 1400 x 425 pixels.
Image types include: PNG, JPG or GIF.

Banner Image for Company Pages: 646 x 220 (Minimum)
The banner image is one of the newest and most prominent of the images that you can use on LinkedIn. This image appears when a user visits your brand’s homepage.
Minimum 646 x 220 pixels.
Maximum 2MB.
Landscape Layout.
Image types include: PNG, JPG or GIF.