Brand identity

icon picker
Shopify Image Specs

Images can be up to 20mb
Images in the are usually responsive but these dimensions are to ensure things don’t get cropped.
We’ll want to have a version of each image suited for mobile and desktop

Shopify Specs
Website image type
Desktop image dimensions (W x H)
Mobile image dimensions (W x H)
Aspect Ratio
Image
1
Background Image (full bleed header image)
1080 x 720px
720 x 1080 pixels?
3x2
image.png
2
Hero image (half size of bg image)
1280 x 720 pixels
360 x 200 pixels
16:9
image.png
3
Website banner (dependent on what content we want)
933 x 480 pixels (or see pics)
360 x 120 pixels
(see pics)
image.png
4
Image/Text Block
2x3?
16 x 9
image.png
5
Collection Block
??? I want to say 9x16 and 4x3
1x1
Screenshot 2024-04-04 at 4.14.42 PM.png
6
PDP
2048 x 2048
2048 x 2048
1:1
7
Blog image
1200 x 800 pixels
360 x 240 pixels
3:2
image.png
8
Logo (square)
100 x 100 pixels
60 x 60 pixels
1:1
9
Favicon
16 x 16 pixels
16 x 16 pixels
1:1
10
Social media icons
32 x 32 pixels
48 x 48 pixels
1:1
11
Lightbox images (full screen)
1920 x 1080 pixels
360 x 640 pixels
16:9
There are no rows in this table




Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.