JavaScript required
We’re sorry, but Coda doesn’t work properly without JavaScript enabled.
Skip to content
Gallery
Marketplace Launch Workplan - Ventanas
Launch countdown
Initial goal-setting
Upcoming deadlines
Launch Workplan
Business model
Product
Supply tracker
Marketing
Brand identity
Ecom operations
Finance
Marketplace Playbook [WIP]
Open questions
Notes
Site design & development
Recruiting
Performance Reviews
More
Share
Explore
Brand identity
Shopify Image Specs
General Guidelines
Images can be up to 20mb
Images in the
Craft theme
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
Shopify Specs
Website image type
Desktop image dimensions (W x H)
Mobile image dimensions (W x H)
Aspect Ratio
Image
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
2
Hero image (half size of bg image)
1280 x 720 pixels
360 x 200 pixels
16:9
3
Website banner (dependent on what content we want)
933 x 480 pixels (or see pics)
360 x 120 pixels
(see pics)
4
Image/Text Block
2x3?
16 x 9
5
Collection Block
??? I want to say 9x16 and 4x3
1x1
6
PDP
2048 x 2048
2048 x 2048
1:1
7
Blog image
1200 x 800 pixels
360 x 240 pixels
3:2
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 (
Ctrl
P
) instead.