Design Overlay

This extension will allow you overlay an image on the screen, such as a page design so you can compare by the pixel.

What is Design Overlay?

Design Overlay is a Chrome extension developed by nickdeakin83, and its main feature is "This extension will allow you overlay an image on the screen, such as a page design so you can compare by the pixel.".

Extension Screenshots

screenshot
screenshot
screenshot

Download Design Overlay Extension CRX File

Download Design Overlay extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Developing a website by eyeballing the page and design?
Tired of screenshotting your page and overlaying it in photoshop to check its pixel perfect?
Pffft!
Just add the png of the site to this extension, and switch it on! The design will be overlayed on your page with half opacity. Now you can be pixel perfect, and your designers wont have to slap you any longer!                    

Extension Basic Information

Name Design Overlay Design Overlay
ID mdkocgkfcdilceogdfekcacmpjpopdma
Official URL https://chrome.google.com/webstore/detail/design-overlay/mdkocgkfcdilceogdfekcacmpjpopdma
Description This extension will allow you overlay an image on the screen, such as a page design so you can compare by the pixel.
File Size 17.41 KB
Installation Count 36
Current Version 0.0.0.3
Last Updated 2021-02-04
Publish Date 2021-01-28
Rating 5.00/5 Total 1 Ratings
Developer nickdeakin83
Email [email protected]
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Design Overlay",
    "description": "This extension will allow you overlay an image on the screen, such as a page design so you can compare by the pixel.",
    "version": "0.0.0.3",
    "icons": {
        "16": "\/images\/image_16.png",
        "32": "\/images\/image_32.png",
        "48": "\/images\/image_64.png",
        "128": "\/images\/image_128.png"
    },
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "browser_action": {
        "default_title": "Right click and select an image in options!"
    },
    "options_page": "options.html",
    "permissions": [
        "activeTab",
        "storage"
    ]
}