Couleur de fond d'une page & couleur de fond d'une image

bonjour

le fond uni de mes pages est signifié en CSS via la couleur #896F58 - le fond de certaine image à ses bord a la même couleur unie #896F58 - bien sur l'intérieur de ces images contient des logo de toutes couleur

normalement dans Firefox ou IE ou Chrome ou Opera l'internaute ne devrait pas distinguer le bord de mes images avec le fond des pages puisque la même couleur #896F58 y est affichée - dans la pratique c'est le contraire - on arrive a légèrement distinguer le bord de mes images

que faire pour que ces bord d'image ne soient pas distinguables par les internautes ?

je pense aux calques - le fond sera absent ou vide - dans un calque de niveau supérieur sera présent le logo souhaité de l'image - y a t-il des format d'image pas trop lourd acceptant les calques et reconnus par Firefox ou IE ou Chrome ou Opera ?

sinon avez-vous d'autres idées que celle des calques ?

merci d'avance de vos réponses

Salut!
Un .png transparent ça ne passe pas ?

MIR2002 a écrit :
normalement dans Firefox ou IE ou Chrome ou Opera l'internaute ne devrait pas distinguer le bord de mes images avec le fond des pages puisque la même couleur #896F58 y est affichée - dans la pratique c'est le contraire - on arrive a légèrement distinguer le bord de mes images

Jencal a donné la bonne solution.

Vous pouvez optimiser encore cette solution en enlevant les métadonnées des images, ce qui évitera ainsi que les couleurs de ces images soient interprétées différemment selon les navigateurs. Pour cela il vous faut passer par un logiciel tel que ImageOptim (logiciel gratuit pour Mac) ou smush.it! (en ligne).
Modifié par Olivier C (16 Dec 2015 - 12:44)

a écrit :
normalement dans Firefox ou IE ou Chrome ou Opera l'internaute ne devrait pas distinguer le bord de mes images avec le fond des pages puisque la même couleur #896F58 y est affichée - dans la pratique c'est le contraire - on arrive a légèrement distinguer le bord de mes images

Pour info, différents logiciels ne rendent pas la même couleur avec le même code couleur. Ainsi, Photoshop ne donne pas la même couleur que les navigateurs web avec le même code couleur.
Modifié par thierry (17 Dec 2015 - 15:41)

Bonjour
Moi qui pensais que le web était fait de standart . Comment se fait il que le rendu d images soit différent selon les navigateurs ? On parle bien de navigateurs dans le même écran ... pas de problème de profile/ calibration, color space !! . ( pour les formes des fonts ... j'étais au courant selon les OS mais les couleurs !!!! ceux ne que sont des valeurs mathématiques je ne comprend pas ..... Sur quel os , écran , navigateur image (jpeg png) ?
http://stackoverflow.com/questions/6237455/chrome-renders-colours-differently-from-safari-and-firefox


2 problèmes donc
- A bord image dans html
-B couleur dans raster

A bord image dans html
1-utlisez firebug et voir si code css différent selon navigateur
2-regarder si le navigateur ne rajoute pas du code html ou des propriétés css
3- les espaces et retour à la ligne dans le code sources html joue un rôle dans rendu je crois .. à regarder


B couleur différente
1- Est ce que le mode d'édition des images ( rgb cmjn ...) dans photoshop est le même mode que l export des images ( rgb) ?
2- si vous utilisez un color picker sur image photoshop et image exportée pour un zone de couleur unie solide , la valeur rgb change ?
http://annystudio.com/software/colorpicker/

@MIR2002
avez vous une page test web a tester visualiser ? pour tester avec différents navigateurs /OS ? ( comment virtualbox gère t il les couleurs ..??!!)

@thierry
même code couleur et rendu différend ? avez vous un cas d 'utilisatio na tester sous Windows Microsoft 8 ?


Sinon la couleur se configure a différents niveaux
-périphérique d'enrée/ sortie ( camera app photo / écran imprimante )
-OS
-logiciels ( photoshop , navigtaeur )
-image ( pdi , contient icc , index palette de couleur )
http://www.gballard.net/psd/go_live_page_profile/embeddedJPEGprofiles.html
http://wiki.ihe.net/index.php?title=Portable_Data_for_Imaging
http://www.gballard.net/psd/assignconvert.html

Merci
Modifié par 75lionel (20 Dec 2015 - 00:35)