Chrome glitching graphics on macbook pro

I am running Sierra 10.12.4 on a 13 inch Macbook Pro, Early 2015. I recently purchased it.. In december. Anyways, I noticed this glitching when I was looking up sprites for a game that we had to make as an assignment. What I noticed was, the check pattern on png images (if they're transparent) is really glitching.

example 1

Here you can see that its displaying some sort of weird folder icon, idk. It can change too. It goes away if i zoom in or select / highlight the picture.

If i open up another image, it displays something like this. You can see that its some sort of camera icon that it picked up.

example 2

Sometimes, when I open up my facebook, it replaces all these tiny images with my profile picture! REALLY really weird. I also noticed that the loading bar on gmail [the blue one before you open your email] glitches too as it progresses. Also the scrolling is now really really sluggish on chrome.

I tested this on Chrome Canary, Same issue.

Everything else on the machine works fine. There are no glitches. I ran firewatch, it works fine. No glitches. I tested this on Safari, No issues. I did the same thing on firefox, works perfectly. I ran Cinebench, no issues, works okay..

So, what could be the issue here? Any ideas? Chrome is really my favorite browser and I really don't wanna ditch it.

EDIT / UPDATE 15/5/2017

Okay, I know I should've updated this earlier.. but switching back to 10.12.3 fixed EVERYTHING!


Since you're not experiencing this issue with Safari or Firefox, the first thing I'd try is turning off hardware acceleration in Google Chrome. To do this, follow these steps:

  1. Launch Google Chrome
  2. Go to Chrome > Preferences (or just press the command, keyboard shortcut
  3. At the bottom of the page, click on Show advanced settings...
  4. Look for the System subheading in the new settings that appear
  5. Uncheck the Use hardware acceleration when available option
  6. Restart Google Chrome

Let us know how you go.