Tailles des images pour un site internet

De Microfly.info.

Sommaire

Avant de commencer

Les informations présentées ci-après sont adaptées aux templates standards des sites internet proposés par microfly.info. Pour des designs personnalisés ou l'utilisation dans un autre contexte, les dimensions devront peut-être être adaptées.

Les formats et dimensions sont basés sur un rapport largeur/hauteur de photo standard : 2/3 (équivalent 24/36 en photo argentique). Cependant, certains appareils photo numérique produisant des images au rapport largeur/hauteur 3/4, les dimensions pour ces rapports seront aussi indiquées.

Les formats donnés sont ceux à appliquer lors de la préparation des images avant de les transférer et de les utiliser sur le site; ces dimensions correspondent à la taille maximale des images qui seront affichées sur le site. Ces dimensions tiennent aussi compte du temps de chargement par les navigateurs. Les paramètres TYPO3 sont les réglages à appliquer lors de l'utilisation des images dans les pages du site.


Icon-information-32x32.png



Formats des images à uploader

Orientation Format images remarques
Format 2/3
Paysage
Largeur: Largeur 1024px
Hauteur: Hauteur 683px
Résolution: Résolution d'image 72dpi
Format: Format d'enregistrement d'image .jpg/80
Portait
Largeur: Largeur 455px
Hauteur: Hauteur 683px
Résolution: Résolution d'image 72dpi
Format: Format d'enregistrement d'image .jpg/80
Format 3/4
Paysage
Largeur: Largeur 1024px
Hauteur: Hauteur 768px
Résolution: Résolution d'image 72dpi
Format: Format d'enregistrement d'image .jpg/80
Portait
Largeur: Largeur 576px
Hauteur: Hauteur 768px
Résolution: Résolution d'image 72dpi
Format: Format d'enregistrement d'image .jpg/80

Page d'accueil

Composition Paramètres TYPO3 Remarques
TYPO3-FE-accueil-001.png
Width: Champs de saisie de donnée 620px
Heigt: Champs de saisie de donnée (ne rien mettre)
Position and Alignment: Menu déroulant Above, center
Number of Columns: Menu déroulant 1
Une image au format paysage
TYPO3-FE-accueil-002.png
Width: Champs de saisie de donnée 305px
Heigt: Champs de saisie de donnée (ne rien mettre)
Position and Alignment: Menu déroulant Above, center
Number of Columns: Menu déroulant 2
Deux images au format portrait
TYPO3-FE-accueil-003.png
Width: Champs de saisie de donnée 305px
Heigt: Champs de saisie de donnée (ne rien mettre)
Position and Alignment: Menu déroulant Above, center
Number of Columns: Menu déroulant 2
Quatre images au format paysage

Image paysage avec texte

Composition Paramètres TYPO3 Remarques
TYPO3-FE-normalLeft-001.png
Width: Champs de saisie de donnée 305px
Heigt: Champs de saisie de donnée (ne rien mettre)
Position and Alignment: Menu déroulant In text, Left
Number of Columns: Menu déroulant 1
Une image au format paysage habillée par le texte. (Contenu de type : Text & Images)
TYPO3-FE-normalLeft-002.png
Width: Champs de saisie de donnée 305px
Heigt: Champs de saisie de donnée (ne rien mettre)
Position and Alignment: Menu déroulant Beside text, Left
Number of Columns: Menu déroulant 1
Une image au format paysage à gauche du texte. (Contenu de type : Text & Images)
TYPO3-FE-normalLeft-003.png
Width: Champs de saisie de donnée 305px
Heigt: Champs de saisie de donnée (ne rien mettre)
Position and Alignment: Menu déroulant In text, Right
Number of Columns: Menu déroulant 1
Une image au format paysage habillée par le texte. (Contenu de type : Text & Images)
TYPO3-FE-normalLeft-004.png
Width: Champs de saisie de donnée 305px
Heigt: Champs de saisie de donnée (ne rien mettre)
Position and Alignment: Menu déroulant Beside text, right
Number of Columns: Menu déroulant 1
Une image au format paysage à droite du texte. (Contenu de type : Text & Images)

Image portrait

  • 683 x 455

Icon-astuce-32x32.png Quelques pistes pour trouver des logiciels d'édition d'images.



Mini galerie photos

Retourner à la page : Formation rédacteurs TYPO3