Spécifications techniques pour Prismic

Le but de cet article est de décrire toutes les tailles d'images, de vidéos et autres médias qui peuvent être ajoutés au site.

Il n'y a pas réellement de limite en terme de nombre de caractères pour les textes, d'où le fait qu'ils ne soient pas évoqués ici. Les seules contraintes à prendre en compte pour les textes sont celles de l'optimisation SEO et de l'aspect visuel en version desktop et mobile.

Pour les images, le nombre de pixels indiqué pour chaque image de cet article est donné à titre indicatif. Il est possible d'ajouter des images plus grandes ou plus petites, dans ce cas, l'outil recadre directement les images.

Pour toutes les images du site, le format recommandé est svg.

Pour toutes les images des emails, le format recommandé est png. 

Homepage

Image d'accueil

• Tailles recommandées :
  • 1920 x 1200 px (desktop)
  • 1440 x 900 px (tablette)
  • 1024 x 1024 px (mobile)

Vidéo d'accueil

• Type de fichier : mp4
• Poids de la vidéo : max 1Mo

• Taille recommandée :

  • Desktop : 1900 x 740 px

  • Mobile : 1214 x 750 px

Header

• Hauteur max logo : 60px (le plus souvent 44px)
• Icônes "mon compte", "faq" : 24 x 24 px
• Favicon : 180 x 180 px, max 25 caractères

Footer

• Hauteur max logo : 100 px
• Icônes réseaux sociaux : 24 x 24 px

Pages Shop, Pack, Single Product, Single Pack

Image header

• Tailles recommandées :
  • 1440 x 178 px (desktop)
  • 1920 x 178 px (big desktop)
  • 1024 x 178 px (tablette)
  • 375 x 196 px (mobile)

Photos des produits

• Largeur réservée aux photos des produits : 815 px. Veiller à avoir des images suffisamment qualitatives tout en restant autour d'un poids de 1Mo.