UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.75 Safari/537.36

Example URL:
<img src="thumb.png">

Steps to reproduce the problem:
1. create html file containing <img src="thumb.png">
2. thumb.png is the attached image
3. open with chrome.

What is the expected behavior?
The png image should be a thumbs up in a fairly uniform orange and anti-aliasing around the edge

What went wrong?
There is a dark green border of the pixels at outline of the thumb, inside the partially transparent pixels. A second ring of green pixels appears around the edge

These dark pixels don't appear when the png file is opened directly in chrome, only when embedded in a webpage. They don't appear in image editors or firefox

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 68.0.3440.75  Channel: stable
OS Version: Ubuntu 18.04
Flash Version: 

I see this behaviour on images from strava.com, and in emails from strava.com, but can be created using the png attached above even when hosted locally.

When displayed against a black background, the pixels are rendered correctly. So this may be an problem with rendering partially transparent pixels against a white background.
 

Deleted: thumb.html 23 bytes

thumb.html 23 bytes View Download

Deleted: thumb.png 2.8 KB

	thumb.png 2.8 KB View Download