October 18, 2025, Saturday, 290

Comment ajouter une image

Un article de Cristallographie.

(Différences entre les versions)
Version actuelle (26 novembre 2007 à 20:37) (modifier) (défaire)
 
(13 révisions intermédiaires masquées)
Ligne 1 : Ligne 1 :
 +
== '''Avant toute chose : la taille de l'image''' ==
 +
 +
*Le site ne supporte pas les images trop grosses. Il ne faut pas dépasser '''200ko''' pour une image.
 +
 +
*Pour redimensionner facilement une image, je conseille d'utiliser un logiciel gratuit: ''photofiltre''.
 +
 +
*Il est très léger (2Mo). [http://photofiltre.free.fr/utils/pf-setup.exe Télécharger photofiltre]
 +
 +
* Pour changer la taille d'une image aller dans: ''Image'' -> "Taille de l'image" et mettre comme résolution MAXIMALE: 1024 pixels de largeur (la hauteur s'adapte automatiquement.) Enregistrer les images en '''.jpg'''
 +
 +
Exemple:
 +
 +
{|
 +
|-
 +
|{{Image
 +
|nom de l'image=Taille de l'image
 +
|extension=jpg
 +
|commentaire=Aller dans taille de l'image
 +
}}
 +
 +
|{{Image
 +
|nom de l'image=1024 de largeur max
 +
|extension=jpg
 +
|commentaire=Choisir en largeur maximale 1024 pixels
 +
}}
 +
 +
|{{Image
 +
|nom de l'image=Compresser
 +
|extension=jpg
 +
|commentaire=Et compresser à 80% ou plus lors de la sauvegarde (si nécessaire)
 +
}}
 +
 +
|-
 +
|}
== '''Explication à suivre étape par étape :''' ==
== '''Explication à suivre étape par étape :''' ==
Ligne 10 : Ligne 44 :
}}
}}
</pre>
</pre>
-
#Après le nom de l'image, mettre le nom exact que vous avez donné à l'image
+
#Après le nom de l'image, mettre le nom que vous voulez donner à l'image (pas obligatoirement la même que le celui qu'elle à sur votre ordinateur)
#Après extension, mettre la bonne extension (ex: jpg, gif, ...)
#Après extension, mettre la bonne extension (ex: jpg, gif, ...)
#Après commentaire, écrire ce que vous voulez qu'il s'affiche dans le cadre de l'image<br>
#Après commentaire, écrire ce que vous voulez qu'il s'affiche dans le cadre de l'image<br>
Ligne 22 : Ligne 56 :
</pre>
</pre>
*Appuyer sur le bouton sauvegarder
*Appuyer sur le bouton sauvegarder
-
Le nom que vous avez donné à l'image apparaît en rouge.
+
#Le nom que vous avez donné à l'image apparaît en rouge.<br>
Exemple: [[Image:avant d'ajouter l'image.jpg]]
Exemple: [[Image:avant d'ajouter l'image.jpg]]
 +
#Cliquer dessus
 +
#Cette fenêtre apparaît : [[Image:importer une image.jpg|thumb|600px|center|]]
 +
#Cliquer sur parcourir pour trouver l'image désirée dans votre ordinateur
 +
#Cliquer sur importer le fichier
 +
#Vous venez d'ajouter une image sur le site !
 +
*Pour revenir a la page où vous étiez, cliquer sur le texte qui se trouve en dessous de ça: [[Image:retourner à la page.jpg]]
 +
 +
'''Et voilà un exemple du résultat:'''
-
<pre>
 
{{Image
{{Image
|nom de l'image=exemple de commentaire
|nom de l'image=exemple de commentaire
Ligne 31 : Ligne 72 :
|commentaire=Voilà un exemple de commentaire
|commentaire=Voilà un exemple de commentaire
}}
}}
 +
 +
 +
== '''Comment mettre en page les images''' ==
 +
 +
*Pour faire des lignes d'images s'inspirer du code ci-dessous:
 +
 +
<pre>
 +
{|
 +
|-
 +
|{{Image
 +
|nom de l'image=exemple de commentaire
 +
|extension=jpg
 +
|commentaire=Voilà un exemple de commentaire
 +
}}
 +
 +
|{{Image
 +
|nom de l'image=exemple de commentaire
 +
|extension=jpg
 +
|commentaire=Voilà un exemple de commentaire
 +
}}
 +
 +
|{{Image
 +
|nom de l'image=exemple de commentaire
 +
|extension=jpg
 +
|commentaire=Voilà un exemple de commentaire
 +
}}
 +
|-
 +
|}
</pre>
</pre>
-
{{Image
+
 
 +
'''Et voilà un exemple du résultat:'''
 +
 
 +
{|
 +
|-
 +
|{{Image
|nom de l'image=exemple de commentaire
|nom de l'image=exemple de commentaire
|extension=jpg
|extension=jpg
Ligne 38 : Ligne 112 :
}}
}}
 +
|{{Image
 +
|nom de l'image=exemple de commentaire
 +
|extension=jpg
 +
|commentaire=Voilà un exemple de commentaire
 +
}}
-
== '''Méthode générale''' (sans mis en page programmée) ==
+
|{{Image
 +
|nom de l'image=exemple de commentaire
 +
|extension=jpg
 +
|commentaire=Voilà un exemple de commentaire
 +
}}
 +
|-
 +
|}
 +
'''Cela consiste seulement à faire ceci:'''
-
#Appuyer sur ce bouton : [[Image:bouton image.png]]
+
<pre>
-
# Le texte suivant va s'afficher: [[Image:Exemple.jpg]]
+
{|
-
## Remplacer le mot "Exemple" par le nom que l'on veut donner à l'image
+
|-
-
## Remplacer le mot "jpg" par l'extension du fichier: jpg, gif, ...)
+
| Image 1
-
#Appuyer sur le bouton sauvegarder
+
| Image 2 --> ligne 1
-
#Ce que vous venez d'écrire apparaît en rouge
+
| Image 3
-
##Cliquer dessus
+
|-
-
## Cette fenêtre apparaît : [[Image:importer une image.jpg|thumb|600px|center|]]
+
| Image 4
-
##Cliquer sur parcourir pour trouver l'image désirée dans votre ordinateur
+
| Image 5 --> ligne 2
-
##Ajouter un commentaire si on veut (pas obligatoire)
+
| Image 6
-
##Cliquer sur importer le fichier
+
|-
-
#Vous venez d'ajouter une image sur le site !
+
|}
-
#Pour revenir a la page où on était, cliquer sur le texte qui se trouve en dessous de ça: [[Image:retourner à la page.jpg]]
+
</pre>
 +
 
 +
'''NOTE:''' Pour modifier un page cliquer sur le bouton Modifier qui se situe dans la barre grise tout en bas de la page, ou double cliquer sur la page que l'on veut modifier.

Version actuelle

Avant toute chose : la taille de l'image

  • Le site ne supporte pas les images trop grosses. Il ne faut pas dépasser 200ko pour une image.
  • Pour redimensionner facilement une image, je conseille d'utiliser un logiciel gratuit: photofiltre.
  • Pour changer la taille d'une image aller dans: Image -> "Taille de l'image" et mettre comme résolution MAXIMALE: 1024 pixels de largeur (la hauteur s'adapte automatiquement.) Enregistrer les images en .jpg

Exemple:

Aller dans taille de l'image
Aller dans taille de l'image
Choisir en largeur maximale 1024 pixels
Choisir en largeur maximale 1024 pixels
Et compresser à 80% ou plus lors de la sauvegarde (si nécessaire)
Et compresser à 80% ou plus lors de la sauvegarde (si nécessaire)

Explication à suivre étape par étape :

  • Copier, puis coller le texte qui suit dans la page où vous voulez placer l'image. 
{{Image
|nom de l'image=
|extension=
|commentaire=
}}
  1. Après le nom de l'image, mettre le nom que vous voulez donner à l'image (pas obligatoirement la même que le celui qu'elle à sur votre ordinateur)
  2. Après extension, mettre la bonne extension (ex: jpg, gif, ...)
  3. Après commentaire, écrire ce que vous voulez qu'il s'affiche dans le cadre de l'image

Exemple: 

{{Image
|nom de l'image=exemple de commentaire
|extension=jpg
|commentaire=Voilà un exemple de commentaire
}}
  • Appuyer sur le bouton sauvegarder
  1. Le nom que vous avez donné à l'image apparaît en rouge.

Exemple: Image:avant d'ajouter l'image.jpg

  1. Cliquer dessus
  2. Cette fenêtre apparaît :
  3. Cliquer sur parcourir pour trouver l'image désirée dans votre ordinateur
  4. Cliquer sur importer le fichier
  5. Vous venez d'ajouter une image sur le site !
  • Pour revenir a la page où vous étiez, cliquer sur le texte qui se trouve en dessous de ça: Image:retourner à la page.jpg

Et voilà un exemple du résultat:

Voilà un exemple de commentaire
Voilà un exemple de commentaire


Comment mettre en page les images

  • Pour faire des lignes d'images s'inspirer du code ci-dessous: 
{|
|-
|{{Image
|nom de l'image=exemple de commentaire
|extension=jpg
|commentaire=Voilà un exemple de commentaire
}}

|{{Image
|nom de l'image=exemple de commentaire
|extension=jpg
|commentaire=Voilà un exemple de commentaire
}}

|{{Image
|nom de l'image=exemple de commentaire
|extension=jpg
|commentaire=Voilà un exemple de commentaire
}}
|-
|}

Et voilà un exemple du résultat:

Voilà un exemple de commentaire
Voilà un exemple de commentaire
Voilà un exemple de commentaire
Voilà un exemple de commentaire
Voilà un exemple de commentaire
Voilà un exemple de commentaire


Cela consiste seulement à faire ceci: 

{|
|-
| Image 1
| Image 2        --> ligne 1
| Image 3
|-
| Image 4
| Image 5        --> ligne 2
| Image 6
|-
|}

NOTE: Pour modifier un page cliquer sur le bouton Modifier qui se situe dans la barre grise tout en bas de la page, ou double cliquer sur la page que l'on veut modifier.

Récupérée de « http://cristallographie.free.fr?title=Comment_ajouter_une_image »