Retina image is looking darker in chrome

Asked Dec 04 '13 at 09:50

Active Dec 04 '13 at 10:52

Viewed 107 times

I have set a retina background image for a div.Its displaying properly in firefox but its looking darker in chrome.How to fix this issue? Refer fiddle

Output-Difference between chrome and firefox

Html

<div class="retina_img">

</div>

Css

.retina_img
 {
    background: url("imageuploadimg.png") no-repeat scroll 0 50% / 100% 100% #FFFFFF;
    background:-webkit-image-set( url('imageuploadimg.png') 1x,url('imageuploadimg@2x.png') 2x);
    width: 142px;
    height: 101px;
}

edited Dec 04 '13 at 10:52

asked Dec 04 '13 at 09:50

Rama Priya

2,387
7
28
39

Can you create a fiddle where the issue can be seen? – Nitesh Dec 04 '13 at 09:51
Does the image file have any color profile information embedded …? – CBroe Dec 04 '13 at 09:52
I have updated in fiddle.please check it. @Nathan Lee – Rama Priya Dec 04 '13 at 10:06
cannot see it on your post. Do recheck @RamaPriya – Nitesh Dec 04 '13 at 10:10
Updated fiddle http://jsfiddle.net/55aLM/1/ – Rama Priya Dec 04 '13 at 10:11
cannot see any difference on your image. It works fine here. - @RamaPriya – Nitesh Dec 04 '13 at 10:37
Have you verified in chrome & firefox?I have attached the screenshot of my output.please check it. @Nathan Lee – Rama Priya Dec 04 '13 at 10:51

Retina image is looking darker in chrome

0 Answers0