jojoee

<p>Automatically turn the site to grayscale (may be used for some purpose)</p>
<p>Features:</p>
<ul>
<li>Grayscale / Color switcher (for non-IE)</li>
<li>Theme option to enable / disable switcher and select switcher position</li>
<li>Default mode, ability to set default which either “grayscale” or “color”</li>
<li>Ignored Post IDs, user can display this plugin for specific posts by post IDs</li>
<li>Custom css</li>
</ul>
<p>Compatible with all browsers:</p>
<ul>
<li><a href="https://www.google.com/chrome/" rel="nofollow ugc">Google Chrome</a> 19+</li>
<li><a href="https://www.mozilla.org/firefox/" rel="nofollow ugc">Mozilla Firefox</a> 3.5+</li>
<li><a href="http://www.apple.com/safari/" rel="nofollow ugc">Safari</a> 6+</li>
<li><a href="https://www.microsoft.com/en-us/download/internet-explorer.aspx" rel="nofollow ugc">Internet Explorer</a> 8-9</li>
<li><a href="http://www.opera.com/" rel="nofollow ugc">Opera</a> 11.5</li>
</ul>
<h3>Notes</h3>
<ul>
<li><a href="https://codex.wordpress.org/WordPress_Coding_Standards" rel="nofollow ugc">WordPress Coding Standards</a></li>
<li>2 spaces for indent</li>
<li><a href="https://github.com/jojoee/grayscale-body" rel="nofollow ugc">Repository on Github</a></li>
</ul>
<h4>TODO</h4>
<ul>
<li>[x] Switcher</li>
<li>[x] Theme option</li>
<li>[ ] Localization</li>
<li>[ ] Separate utility out of main plugin file</li>
<li>[ ] Using the feature from <a href="https://github.com/jojoee/grayscale-body-js" rel="nofollow ugc">grayscale-body-js</a> instead</li>
</ul>
<h4>Thank you</h4>
<ul>
<li><a href="https://wordpress.org/plugins/about/validator/" rel="ugc">WordPress Plugin readme.txt Validator</a></li>
<li><a href="https://autoprefixer.github.io/" rel="nofollow ugc">Autoprefixer CSS online</a></li>
<li><a href="https://tinypng.com/" rel="nofollow ugc">TinyPNG</a></li>
<li><a href="https://www.piliapp.com/php-syntax-check/" rel="nofollow ugc">PHP code syntax check</a></li>
</ul>


Grayscale Body

Nice

Automatically turn the site to grayscale (may be used for some purpose)

fontethemes

Jesús Amieiro

<p>This plugin converts all images to grayscale and show the colored image on hover.</p>
<p>It supports these browsers:</p>
<ul>
<li><a href="https://www.google.com/chrome/" rel="nofollow ugc">Google Chrome</a>.</li>
<li><a href="https://www.mozilla.org/firefox/" rel="nofollow ugc">Mozilla Firefox</a>.</li>
<li><a href="https://www.apple.com/safari/" rel="nofollow ugc">Apple Safari</a>.</li>
<li><a href="https://www.microsoft.com/en-us/windows/microsoft-edge" rel="nofollow ugc">Microsoft Edge</a>.</li>
<li><a href="https://www.opera.com/" rel="nofollow ugc">Opera</a>.</li>
</ul>
<p>The banner and the icon uses <a href="https://pixabay.com/en/beach-shore-coast-ocean-evening-768421/" rel="nofollow ugc">this image</a>, released under the <a href="https://pixabay.com/en/service/terms/#usage" rel="nofollow ugc">CC0 Public Domain license</a>.</p>


Grayscale Images


The plugin does perfectly what it promises. A very nice feature for photography and portfolio websites.


Works as a charm

This plugin converts all images to grayscale and show the colored image on hover.

Grayscale Body vs Grayscale Images