Ajouter Images

Page en cours d'élaboration, les contributions sous toutes leurs formes sont les bienvenues... ;)
Index DocumentationManuelsWiki Ajouter des Images


Trisquel-Logo.png


Ico-Infobox.png 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.

Capture d'image intégré de la manière suivante :
Image:https://trisquel.info/files/bg-img-wiki-trisquel-1024px.png|1024px|alt=Capture d'écran en 1024px

bg-img-wiki-trisquel-1024px.png

Ergonomique-ment c'est assez déroutant si on se retrouve sur un contenu si imposant, notamment après un scroll.



Ci-dessous, une capture avec une dimension native de 780 pixels

Capture d'image intégré de la manière suivante :
Image:https://trisquel.info/files/bg-img-wiki-trisquel-780px.png|780px|alt=Capture d'écran de 780px

bg-img-wiki-trisquel-780px.png

Ergonomique-ment c'est un peu plus adapté pour ne pas trop nuire au contenu.



Ci-dessous, une capture avec une dimension native de 520 pixels

Capture d'image intégré de la manière suivante :
Image:https://trisquel.info/files/bg-img-wiki-trisquel-520px.png|520px|alt=Capture d'écran de 520px

bg-img-wiki-trisquel-520px.png

Ergonomique-ment c'est un format idéal surtout intégré à du texte, facilitant la ventilation des longs contenus textuels.



On peut constater que la capture est parfaitement lisible et ne nuit nullement au contenu. Le poids total de ces trois images n'atteint pas 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 des infographies.







Pièce jointeTaille
bg-img-wiki-trisquel-1024px.png274.5 Ko
bg-img-wiki-trisquel-780px.png187.01 Ko
bg-img-wiki-trisquel-520px.png98.59 Ko

Révisions

02/18/2017 - 21:26
Mimmo_D.DN