Tailles des images pour un site internet

De Microfly.info.

(Différences entre les versions)
m
m (→Image paysage)
Ligne 90 : Ligne 90 :
|}
|}
-
== Image paysage ==
+
== Image paysage avec texte ==
* 1024 x 683
* 1024 x 683
 +
{| class="wikitable" border="1" cellspacing="0" width="800px"
 +
|-
 +
!| Composition !!| Format images  !!| Paramètres TYPO3  !! width="175px" | Remarques
 +
|-
 +
|| [[Image:TYPO3-FE-normalLeft-001.png|128px]] ||
 +
{| class="cleantable"
 +
|-
 +
| Largeur: || {{WIDTH|1024px}}
 +
|-
 +
| Hauteur: || {{HEIGHT|683px}}
 +
|-
 +
| Résolution: || {{RESOL|72dpi}}
 +
|-
 +
| Format: || {{FIMG|.jpg/80}}
 +
|}
 +
||
 +
{| class="cleantable"
 +
|-
 +
| Width: || {{INP|305px}}
 +
|-
 +
| Heigt: || {{INP|(ne rien mettre)}}
 +
|-
 +
| Position and Alignment: || {{SEL|In text, Left}}
 +
|-
 +
| Number of Columns: || {{SEL|1}}
 +
|}
 +
|| Une image au format paysage habillée par le texte. (Contenu de type : Text & Images)
 +
|-
 +
|| [[Image:TYPO3-FE-normalLeft-002.png|128px]] ||
 +
{| class="cleantable"
 +
|-
 +
| Largeur: || {{WIDTH|1024px}}
 +
|-
 +
| Hauteur: || {{HEIGHT|683px}}
 +
|-
 +
| Résolution: || {{RESOL|72dpi}}
 +
|-
 +
| Format: || {{FIMG|.jpg/80}}
 +
|}
 +
||
 +
{| class="cleantable"
 +
|-
 +
| Width: || {{INP|305px}}
 +
|-
 +
| Heigt: || {{INP|(ne rien mettre)}}
 +
|-
 +
| Position and Alignment: || {{SEL|Beside text, Left}}
 +
|-
 +
| Number of Columns: || {{SEL|1}}
 +
|}
 +
|| Une image au format paysage à gauche du texte. (Contenu de type : Text & Images)
 +
|-
 +
|| [[Image:TYPO3-FE-normalLeft-003.png|128px]] ||
 +
{| class="cleantable"
 +
|-
 +
| Largeur: || {{WIDTH|1024px}}
 +
|-
 +
| Hauteur: || {{HEIGHT|683px}}
 +
|-
 +
| Résolution: || {{RESOL|72dpi}}
 +
|-
 +
| Format: || {{FIMG|.jpg/80}}
 +
|}
 +
||
 +
{| class="cleantable"
 +
|-
 +
| Width: || {{INP|305px}}
 +
|-
 +
| Heigt: || {{INP|(ne rien mettre)}}
 +
|-
 +
| Position and Alignment: || {{SEL|In text, Right}}
 +
|-
 +
| Number of Columns: || {{SEL|1}}
 +
|}
 +
|| Une image au format paysage habillée par le texte. (Contenu de type : Text & Images)
 +
|-
 +
|| [[Image:TYPO3-FE-normalLeft-004.png|128px]] ||
 +
{| class="cleantable"
 +
|-
 +
| Largeur: || {{WIDTH|1024px}}
 +
|-
 +
| Hauteur: || {{HEIGHT|683px}}
 +
|-
 +
| Résolution: || {{RESOL|72dpi}}
 +
|-
 +
| Format: || {{FIMG|.jpg/80}}
 +
|}
 +
||
 +
{| class="cleantable"
 +
|-
 +
| Width: || {{INP|305px}}
 +
|-
 +
| Heigt: || {{INP|(ne rien mettre)}}
 +
|-
 +
| Position and Alignment: || {{SEL|Beside text, right}}
 +
|-
 +
| Number of Columns: || {{SEL|1}}
 +
|}
 +
|| Une image au format paysage à droite du texte. (Contenu de type : Text & Images)
 +
|}
== Image portrait ==
== Image portrait ==

Version du 5 juillet 2011 à 10:56

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 de format photo standard : 2/3 (équivalent 24/36 en photo argentique).

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



Page d'accueil

Composition Format images Paramètres TYPO3 Remarques
TYPO3-FE-accueil-001.png
Largeur: Largeur 1024px
Hauteur: Hauteur 683px
Résolution: Résolution d'image 72dpi
Format: Format d'enregistrement d'image .jpg/80
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
Largeur: Largeur 455px
Hauteur: Hauteur 683px
Résolution: Résolution d'image 72dpi
Format: Format d'enregistrement d'image .jpg/80
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
Largeur: Largeur 1024px
Hauteur: Hauteur 683px
Résolution: Résolution d'image 72dpi
Format: Format d'enregistrement d'image .jpg/80
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

  • 1024 x 683
Composition Format images Paramètres TYPO3 Remarques
TYPO3-FE-normalLeft-001.png
Largeur: Largeur 1024px
Hauteur: Hauteur 683px
Résolution: Résolution d'image 72dpi
Format: Format d'enregistrement d'image .jpg/80
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
Largeur: Largeur 1024px
Hauteur: Hauteur 683px
Résolution: Résolution d'image 72dpi
Format: Format d'enregistrement d'image .jpg/80
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
Largeur: Largeur 1024px
Hauteur: Hauteur 683px
Résolution: Résolution d'image 72dpi
Format: Format d'enregistrement d'image .jpg/80
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
Largeur: Largeur 1024px
Hauteur: Hauteur 683px
Résolution: Résolution d'image 72dpi
Format: Format d'enregistrement d'image .jpg/80
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
Récupérée de « http://docs.microfly.info/index.php/Tailles_des_images_pour_un_site_internet »