Jump to content

Darkening images in html. Why?


Recommended Posts

I can't find an answer for this problem and it's starting to seriously annoy me.

Any PNG image I link to my html is noticeably darker/sharper/more contrasted than its source.

Images attached to post, context and code below, too.

I created a BLANK html page and added one single image to test it out. The images with cats differ in that the HTML version (bottom) is clearly sharper (if you look closer at the fur) compared to its source file, while the png image of a green diamond on a dark grey background that I myself made is much lighter in the source, compared to its browser child - look at the black dot I painted for comparison, one is pretty visible, while the one on the right is practically camouflaged in its own background.

Here are the lines I used for the diamond, the same for the cat (just a different source:

<!DOCTYPE html>
<html>

<head>
	<title>Test</title>
</head>

<body>
	<img src="images/diamond.png" class="diamond">
</body>
</html>

This is important to me, because my website is primarily image-driven, and if all the images are darker than my actual products, it might cause me trouble.

 

Browsers used: Latest versions of Chrome and Firefox

cats.png

diamond what.png

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...