How to change the transparent image background color in chrome?

How do you change the transparent image background color in chrome? For example if I have a png with a transparent section I want to change that transparent section's color to red instead of white. Or even better a checkerboard like photoshop


Solution 1:

You can install Image Transparency, a Chrome-Addon, to view a bright-Gray-chess-pattern:

transparent example

This link does not work as of Dez2021, the developer can be found at https://tomekf.pl/

Similar extensions are:

  • Transparent https://chrome.google.com/webstore/detail/transparent/phkhgilamababakkmpaegfafbefhgfoe
  • Transparent Standalown Images https://chrome.google.com/webstore/detail/transparent-standalone-im/inmelfailofaofnfdjdkljfchjhogbmh

Solution 2:

You could also just open up the developer console (hotkey: F12) and use some JavaScript:

document.body.style.backgroundColor = "white";