Revisione di Ajouter Images del Lun, 02/27/2017 - 12:12
Le revisioni permettono di tenere traccia delle differenze tra le diverse versioni di un contenuto.
| Page en cours d'élaboration, les contributions sous toutes leurs formes sont les bienvenues... ;) | |
| Index Documentation ← Manuels ← Wiki Ajouter des Images | |
 |
Ce document est au stade de brouillon, en l'état il a pour objectif de donner des indication sur les insertions de contenus graphiques...
L'objectif de cette page c'est de donner quelques indications utiles pour insérer/importer des images et autres contenus graphiques dans le Wiki ou le site Web.
En effet, il est courant qu'un contenu graphique, photo, capture d'écran, infographies aient une dimension dépassant les 1024 pixels, ce qui, pour le Web, est amplement suffisant pour un affichage couvrant un espace conséquent de la page, or la plupart des infographies vacillent entre 1200 et 3000 pixels, avec un poids assez conséquent. Il n'est pas rare de trouver des pages de plusieurs dizaines de Mio, idéal pour travailler dessus, retoucher, mais pas pour un affichage intégré à des contenus textuels comme une documentation, un wiki, ni même pour une impression. Si une telle dimension n'a pas de réelles justifications privilégier un redimensionnement. Tout bon logiciel de manipulation d'images devrait être apte à proposer une option dédiée au traitement d'images, voir sur ce wiki la section Graphisme dédié à l'infographie.
Pour un affichage optimum, qui de plus soulage le traitement côté client et serveur tout en optimisant (économisant) de la bande passante il est préférable de contraindre les dimensions à un maximum de 1024 pixels si cela se justifie, à défaut jouer sur les dimensions pour adapter le graphisme au contenu textuel, ce qui est recommandé pour des contenus accessibles en ligne.
Dans le Wiki Trisquel le redimensionnement s'opère en utilisant le repère d'instructions | barre verticale, puis saisir la dimension voulue, pe, 1024px. Ci-dessous une capture d'image en full size native de 1024 pixels, intégré de la manière suivante : Image:https://trisquel.info/files/DisplayTrisquel-X-1024px.png|1024px|alt=Capture d'écran en 1024px|Capture d'écran en 1024px
Ergonomique-ment c'est assez déroutant si on se retrouve notamment après un scroll sur un contenu si imposant.
Ci-dessous, une capture de dimension native identique mais avec un redimensionnement imposé de 780 pixels, intégré de la manière suivante : Image:https://trisquel.info/files/DisplayTrisquel-X-780px.png|780px|alt=Capture d'écran de 780px|Capture d'écran en 780px
Ergonomique-ment c'est un peu plus adapté pour ne pas trop nuire au contenu.
Ci-dessous, une capture de dimension native identique mais avec un redimensionnement imposé de 520 pixels, intégré de la manière suivante :Image:https://trisquel.info/files/DisplayTrisquel-X-520px.png|520px|alt=Capture d'écran de 520px|Capture d'écran en 520px
On peut constater que la capture est parfaitement lisible et ne nuit nullement au contenu. Le poids total de ces trois images dépasse à peine les 1Mo. En imposant une dimension moindre le traitement côté serveur va être beaucoup plus rapide, le transfert via le réseau va se faire beaucoup plus rapidement, et enfin, cela va nécessiter beaucoup moins de ressources système côté client. Le traitement sera ainsi beaucoup plus fluide quelles que soient les ressources, que ce soit pour downgrader, upgrader ou simplement afficher de l'infographie.
| Allegato | Dimensione |
|---|---|
| Image-Dim-1024px.png | 636.63 KB |
| Image-Dim-780px.png | 402.38 KB |
| Image-Dim-520px.png | 201.65 KB |
