Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
17 janvier 2010 7 17 /01 /janvier /2010 18:17

 

De plus en plus, les sites et boutiques en ligne effectuent systématiquement un détourage photo de leurs produits pour maximiser leur impact. Une étude de l’agence GARLAND (E.U. - 2007 – sur 100 sites) montre qu’un site web qui effectue le détourage des images de son catalogue en ligne augmente instantanément ses ventes de 18 %. En effet le détourage garantie un effet de clarté et de professionnalisme qui séduisent et rassurent. Les images détourées ont beaucoup plus d’impact et le produit est plus lisible.

 

 

detourage-image.jpg

 

 

 

Une image détourée et placée sur un fond uni pèse beaucoup moins lourd que l’image originale. Le détourage sur fond blanc avec marge à 10 %, réduit en général au tiers le poids d’image parce que la partie détourée est efficacement compressée par JPEG, PNG ou GIF.  En effet le fond blanc uni est très bien encodée par JPG notamment et ne pèse pratiquement plus rien en comparaison de la partie dite "utile". Cela présente un intérêt certain pour un catalogue en ligne; Optimiser le poids des images revient à augmenter la rapidité d’affichage d’un site internet.

 

 

 

detourage-image.jpg

 

 

Pour 95 % des sites, les photos détourées sont placées sur fond blanc (RVB: 255,255,255) au format JPEG ou GIF ou PNG. Vient ensuite le fond noir très utilisé sur les sites de joaillerie et autres produits de luxe. Les autres couleurs de fond sont plus rares.

 

 

detourage-image.jpg

 

 

 

De plus en plus souvent, les détourages sont placés sur fond transparent au format PNG (PNG 24 ou PNG 12) et deviennent ainsi compatibles avec tous les fonds HTML (backgrounds). Un détourage sur fond transparent offre au webmaster la flexibilité de décider à posteriori le fond sur lequel viendra s’insérer l'image détourée, ou encore d’utiliser des scripts dynamiques (serveur ou client) qui sélectionnent un fond à la volée alors que l’image détourée s’affiche.

Attention : Seuls les navigateurs (browsers) les plus récents acceptent les fonds transparents PNG. Les fonds transparent au format GIF sont plus généralement compatibles avec les navigateur plus anciens.

 

 

detourage-image.jpg

 

 

Les fonds transparents au format GIF sont désormais à éviter parce que l’anti-aliasing n’est pas supporté dans GIF. Un détourage sur fond transparent sans anti-aliasing fera donc apparaitre une pixelisation sur le contour de l’objet. Il faut donc privilégier PNG pour les détourages à placer sur fonds transparents.

 

detourage-photoshop-sur-fond-transparent

Détourage Photo Web sur fond transparent dans Photoshop. Tous Droits réservés.

 

 

 

 A noter : Le format GIF n’est pas un mauvais format de sauvegarde pour le détourage à condition de remplacer le fond par la couleur finale dans Photoshop puis de sauvegarder en GIF. Dans ce cas le fond et l’objet détouré sont parfaitement fondus et sans effet de pixelisation sur les bords car c'est Photoshop qui se charge d'anti-aliaser les bords de l'objet dans le fond. C’est seulement pour la sauvegarde de GIF avec fond transparent que le problème de pixelisation existe, et deviendra évident lorsque le GIF sera incrusté dans la page HTML.

 

 

detourage-image.jpg

 

Article : Détourage pour sites web et boutiques en ligne. Tous droits réservés.

 rubriques photomontage detourage photomontage phot-copie-1  rubriques detourage photomontage photoshop CS5 CS6 02  rubriques detourage photomontage photoshop CS5 CS6 03  rubriques detourage photomontage photoshop CS5 CS6 04

 

 

 

 

Partager cet article

Repost 0
Published by DétouragePhotoPro - dans Détourage
commenter cet article

commentaires

Présentation

  • : Le Blog du Détourage Photo
  • Le Blog du Détourage Photo
  • : Points techniques en rapport avec le détourage photo sous Photoshop.
  • Contact

Détourage fond blanc

detourage-photo-societes

Recherche

         detourercom retouche avant apres zone libre 004

Texte Libre

Détourage à la Plume remplacer
JPG Couche Alpha Masque GIF
EPS Fond Blanc Détourer bijoux

mouse-detourer-com-4
Photoshop Fond Transparent enlever
Indesign PSD importer tracé TIF
CS3 Cheveux fond noir PNG Packshot
Détourage rapide Photo montage CS4
Logiciel automatique Photo WEB



Et pour la vectorisation

vectoriser-150
 

A partir d'1 photo,
nous colorisons toute votre gamme.

coloriser-com


 

Pour la vectorisation de logos à l'identique à partir de l'existant.