Tailles des images pour un site internet

De Microfly.info.

(Différences entre les versions)
m (Formats des images à uploader)
m (Page d'accueil)
Ligne 47 : Ligne 47 :
{| class="wikitable" border="1" cellspacing="0" width="800px"
{| class="wikitable" border="1" cellspacing="0" width="800px"
|-  
|-  
-
!| Composition !!| Format images  !!| Paramètres TYPO3 !! Remarques
+
!| Composition !! width="300px" | Paramètres TYPO3 !! Remarques
|-
|-
|| [[Image:TYPO3-FE-accueil-001.png|128px]] ||
|| [[Image:TYPO3-FE-accueil-001.png|128px]] ||
-
{| class="cleantable"
 
-
|-
 
-
| Largeur: || {{WIDTH|1024px}}
 
-
|-
 
-
| Hauteur: || {{HEIGHT|683px}}
 
-
|-
 
-
| Résolution: || {{RESOL|72dpi}}
 
-
|-
 
-
| Format: || {{FIMG|.jpg/80}}
 
-
|}
 
-
||
 
{| class="cleantable"
{| class="cleantable"
|-
|-
Ligne 74 : Ligne 63 :
|-
|-
|| [[Image:TYPO3-FE-accueil-002.png|128px]] ||
|| [[Image:TYPO3-FE-accueil-002.png|128px]] ||
-
{| class="cleantable"
 
-
|-
 
-
| Largeur: || {{WIDTH|455px}}
 
-
|-
 
-
| Hauteur: || {{HEIGHT|683px}}
 
-
|-
 
-
| Résolution: || {{RESOL|72dpi}}
 
-
|-
 
-
| Format: || {{FIMG|.jpg/80}}
 
-
|}
 
-
||
 
{| class="cleantable"
{| class="cleantable"
|-
|-
Ligne 98 : Ligne 76 :
|-
|-
|| [[Image:TYPO3-FE-accueil-003.png|128px]] ||
|| [[Image:TYPO3-FE-accueil-003.png|128px]] ||
-
{| class="cleantable"
 
-
|-
 
-
| Largeur: || {{WIDTH|1024px}}
 
-
|-
 
-
| Hauteur: || {{HEIGHT|683px}}
 
-
|-
 
-
| Résolution: || {{RESOL|72dpi}}
 
-
|-
 
-
| Format: || {{FIMG|.jpg/80}}
 
-
|}
 
-
||
 
{| class="cleantable"
{| class="cleantable"
|-
|-

Version du 5 juillet 2011 à 11:03

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



Formats des images à uploader

Orientation Format images remarques
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

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 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