Bonjour,
Je suis en train de coder un site web et je rencontre un problème avec l'optimisation des images sur la maquette.
Le site est composé d'images et icones en JPG et SVG, sur Safari sur Mac.
Le problème
Certaines images (icones svg + logo) sont pixellisées, j'ai beaucoup cherché et je n'ai trouvé aucune solution, j'ai essayé d'appliquer des propriétés CSS avec webkit etc. mais ça ne règle pas le problème, ça l'empire même sur les autres navs.
J'ai déjà essayé ceci en CSS :
image-rendering: -webkit-optimize-contrast; // Safari 6, UC Browser 9.9 image-rendering: -webkit-crisp-edges; // Safari 7+ image-rendering: -moz-crisp-edges; // Firefox 3.6+ image-rendering: -o-crisp-edges; // Opera 12 image-rendering: crisp-edges; // Chrome 41+ and Opera 26+ [...] shape-rendering: geometricPrecision;
Quelqu'un connaitrait-il une solution ?
Merci d'avance
SundownDEV