Technical specifications for Prismic

Modified on Mon, 6 Nov, 2023 at 4:45 PM

The purpose of this article is to describe all the sizes of images, videos, and other media that can be added to the website.


There is no strict character limit for text, which is why it is not discussed here. The only constraints to consider for text are related to SEO optimization and visual appearance on desktop and mobile.


For images, the number of pixels indicated for each image in this article is provided as a guideline. Adding larger or smaller images is possible, in which case the tool automatically crops the images.


For all website images, the recommended format is SVG.


For all email images, the recommended format is PNG.


Homepage

Welcome image

  • Recommended sizes :
    • 1920 x 1200 px (desktop)
    • 1440 x 900 px (tablet)
    • 1024 x 1024 px (mobile)


Welcome video

  • File type: mp4
  • Video size: max 1MB
  • Recommended sizes:
    • Desktop: 1900 x 740 px
    • Mobile: 1214 x 750 px


Header

  • Maximum logo height: 60px (often 44px)
  • "My account" and "FAQ" icons: 24 x 24 px
  • Favicon: 180 x 180 px, max 25 characters


Footer

  • Maximum logo height: 100px
  • Social media icons: 24 x 24 px


Shop, Pack, Single Product, Single Pack pages


Header image

  • Recommended sizes :
    • 1440 x 178 px (desktop)
    • 1920 x 178 px (big desktop)
    • 1024 x 178 px (tablet)
    • 375 x 196 px (mobile)


Products picture

  • Reserved width for product photos: 815 px. Ensure that the images are of sufficient quality while keeping the file size around 1MB.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article