Makes WebP and AVIF recognizable on a webpage.
WebP and AVIF Highlighter Extension
Chrome Extension that highlights WebP images during normal browsing.
Images are surrounded by a dashed border. The color depends on the type:
- green for simple lossy (nothing from extended)
- pink for simple lossless (nothing from extended)
- red for extended (can contain transparency, animations, color profile ...)
When hovering an image, the quality/url will appear except on sites with complex CSS. In that case, just look up the messages in the console by pressing F12.
By default, the extension is enabled. You can disable it or change its options
by clicking on its icon (it looks like the end of the WebP logo) then refresh
your page.
Read more
Images are surrounded by a dashed border. The color depends on the type:
- green for simple lossy (nothing from extended)
- pink for simple lossless (nothing from extended)
- red for extended (can contain transparency, animations, color profile ...)
When hovering an image, the quality/url will appear except on sites with complex CSS. In that case, just look up the messages in the console by pressing F12.
By default, the extension is enabled. You can disable it or change its options
by clicking on its icon (it looks like the end of the WebP logo) then refresh
your page.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "WebP and AVIF Highlighter", "version": "1.91.1", "description": "Makes WebP and AVIF recognizable on a webpage.", "icons": { "48": "icons/webplogo.png" }, "permissions": ["storage", "tabs"], "action": { "default_icon": "icons/webplogo.webp", "default_popup": "popup.html", "default_title": "WebP highlighter" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [""], "all_frames": true, "js": ["jquery-3.1.1.min.js", "webp_reformatter.js"], "css": ["webp.css"] } ], "host_permissions": [""] }
Read more