logo phpwebgallery
"simplement puissant"
Dernière version:
1.7.2 - 24 juillet 2008
PhpWebGallery
 Documentation
 

Vos images sur le web

Niveau: Vulgarisation (terminologie à la portée de tous).

Prenons une image (réduite pour faciliter nos explications) telle que vous pourriez l’observer si celle-ci était sur votre écran.

  • Hypothèses de départ (extrait des caractéristiques de l’image) :

706.62 ko (723575 octets)

Largeur de l'image               : 2048                            
Hauteur de l'image               : 1536
Orientation                      : droite-haut (6)                 
.../...
Version EXIF                     : 02.20                           
Date¦heure d'origine             : 2007:11:04 23:31:47             
...

Ces caractéristiques sont enregistrées dans l’image par l’appareil numérique. Nous parlerons de Metadata (ou méta-données). Ces méta-données venant de l’appareil lui-même sont les Exif. L’orientation permet de savoir si vous avez tourné votre appareil au moment de la prise de vue.

(Notre logiciel de documentation transforme les images, donc cette image n’a plus les caractéristiques Exif de l’original).

Orientation / Rotation.

Si on ne fait rien, en plaçant cette image tel quel sur le web, en fonction de votre navigateur (ou de ceux de vos visiteurs), l’image pourrait bien être affichée:

soit en Portait soit en Paysage

Certains navigateurs sont « en avance ». D’autres navigateurs préfèrent être perçus comme performant. Il en existe qui gèrent mieux les textes, les flux d’information, bref vous ne saurez jamais ce que vos visiteurs observent réellement.

(Cela vous dérange, nous aussi.)

Avez-vous relevé ce que les Exif indiquent? La largeur de l’image (2048) est supérieure à sa hauteur (1536), étrange, non?

C’est simplement en raison de l’orientation. Le coté droit est le haut (droite-haut). La photo a donc été prise en format Portrait et, les indications de hauteur et de largeur seront à inverser.

Dimension / Taille de l'image.

Si on ne fait rien, une image de 1536 pixels de large ne sera pas affichée entièrement sur de très nombreux écrans. Plus encore, une image de 2048 pixels de haut aura bien du mal à l’heure actuelle de s’afficher entièrement sur un écran. Tout simplement parce que les écrans ne proposent pas ce niveau de résolution. Votre image est idéale pour être imprimée même en grand format (Haute résolution). Par contre, à l’écran, une dimension bien inférieure suffira. Une dimension que nous appellerons le format web.

formats web (images réduites pour faciliter nos explications)
thumbnail Picture page  Access via the Dimensions' link
96×128 512×682 660×880
(dimension visible) (dimension idéale) (dimension consultable)
format imprimable (Haute résolution)
1536×2048

(image réduite pour faciliter nos explications)

Redresser nos images Portrait

Exemple avec XnView.

La petite flèche (à coté d’EXIF) vous indique que l’image est présentée en Portrait mais pour l’affichage uniquement. XnView propose un bouton de rotation JPEG sans perte qui fera votre affaire.

Dimensionner vos images

Nous proposons des dizaines de solutions pour préparer en masse vos images. Trouvez votre solution préférée ⇒ Préparer vos photos

Avant de transférer par exemple dans la catégorie physique ‘cat’:

./cat/thumbnail/ ./cat/ ./cat/pwg_high/
96×128 512×682 660×880 1536×2048
la miniature l’image en dimension idéale n’aura nullement besoin d’être transférée l’image dimension consultable = l’image de la catégorie physique l’image en Haute résolution est entière facultative

(images réduites pour faciliter nos explications)

L'image en dimension idéale

Il suffit à partir de l’administration des utilisateurs, de maximiser une des 2 dimensions pour tous les utilisateurs.

L’affichage par défaut sera ainsi également modifié. De plus, chaque membre pourra en fonction de la résolution son écran définir la dimension idéale des images par “Personnaliser” (Customize).

Les règles à retenir

Si les limites d'affichage ne sont pas définies, ou que l'image est plus petite que les valeurs maximales, l'image en dimension consultable sera présentée (idéale = consultable).

Proposer les images sans les préparer, c'est priver un grand nombre de visiteurs de vos images. Vous devez proposer vos images au format web (consultable). Si vous proposez uniquement des images en haute résolution, les personnes qui ne bénéficient pas d'une connexion haut débit renonceront à regarder vos images, mais en plus vous pénalisez la bande passante pour accéder à votre site pour tous vos visiteurs.

Le format d'image en Haute résolution est optionnel, alors ne proposez ce format uniquement pour les images qui le méritent vraiment.

 
fr/fonctionnalites/web-appaerance.txt · Dernière modification: 2008.05.16 00:21 par vdigital
 
Driven by DokuWiki - RSS notification feed