Revisione di Ajouter Images del Sab, 02/18/2017 - 21:26

Le revisioni permettono di tenere traccia delle differenze tra le diverse versioni di un contenuto.

Page en cour 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 sont de 1400, 2000, parfois même 3000 pixels, 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 justifications privilégier un redimensionne-ment, soit via un logiciel de 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 et économise de la bande passante il est alors préférable de contraindre les dimensions à maximum 1024 pixels si cela est justifié, à 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 |80px Après la barre verticale, saisir la dimension voulue. Ci-dessous une capture d'image en full size native de 1024 pixels


DisplayTrisquelX-1024-black.png

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


Ci-dessous, une capture de dimension native identique mais avec un redimensionnement imposé de |720px :


DisplayTrisquelX-1024-Nova.png

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


Ci-dessous, une capture de dimension native identique mais avec un redimensionnement imposé de |520px :


DisplayTrisquelX-1024-Toile.png

On peut constater que la capture est lisible et ne nuit nullement au contenu. pourtant l'image capture ci-dessus a un poids beaucoup plus lourd que les contenus précédents. 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



AllegatoDimensione
DisplayTrisquelX-1024-Toile.png1.53 MB
DisplayTrisquelX-1024-Nova.png253.25 KB
DisplayTrisquelX-1024-black.png24.91 KB

Revisioni

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