This is a chrome extension that creates an overlay on every tab with a partially transparent .gif or image, or a .mp4 or .webm gif

Latest Version

Version
0.0.0.3
Update
December 24, 2019
Size
17.09KiB
Developer
Category
Users
892
Rating
4.16667 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
WebRequest
WebRequestBlocking
DeclarativeContent
Storage
Http://*/
Https://*/
See more

ChromeOverlay Extension

ChromeOverlay is an extension that lets you create a .GIF or image overlay on every webpage you open in Chrome. All you need is the link to an online image or GIF and it'll show up on top of your page!

You can adjust the image transparency and set favorite GIF links for easier access.

Now with support for .mp4 and .webm files! These files won't load on certain sites that have Content Security Policy blocking loading of video content, but should work on most sites.

options:
disable the image\tchecking this checkbox removes the overlayed image
GIF transparency\tadjust this slider to change how transparent the overlay is
Load current URL\tLoads the URL currently being used as the overlay into the textbox. Useful if you've set a GIF without saving it and changed the text
Set as new overlay\tSet the link from the textbox as the current link to display on the page
Save URL as favorite\tAdds the link from the textbox as a new favorite

Favorite options

Load URL\tLoads the favorite URL into the textbox and sets it as the current link
Delete\tRemoves the favorite. Has no effect on the currently loaded link
Read more

Source Manifest.json

" {"update_url": "https://clients2.google.com/service/update2/crx", "name": "ChromeOverlay", "version": "0.0.0.3", "description": "This is a chrome extension that creates an overlay on every tab with a partially transparent .gif or image, or a .mp4 or .webm gif", "permissions": [ "webRequest", "webRequestBlocking", "declarativeContent", "storage", "http://*/", "https://*/" ], "background": { "scripts": ["background.js"], "persistent": true }, "content_scripts": [ { "matches": ["*://*/*"], "js": [ "content/overlayContent.js" ] }, { "matches": ["*://*/*"], "js": [ "content/parseIframe.js" ], "all_frames": true } ], "web_accessible_resources": [ "/content/*" ], "options_page": "popup/popup.html", "page_action": { "default_popup": "popup/popup.html", "default_icon": { "16": "images/OverlayIcon.png" }, "icons": { "16": "images/OverlayIcon.png" } }, "manifest_version": 2 }
Read more

How to download and manually install ChromeOverlay extension for Chrome

Looking for a way to install ChromeOverlay extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install ChromeOverlay extensions manually, this article outlines two simple methods to effortlessly install ChromeOverlay extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download ChromeOverlay extension and manually install through Drag &Drop

If you ever need to manually install a ChromeOverlay extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the ChromeOverlay Extension by clicking the "Download CRX" button on the website.

Look for the ChromeOverlay extension you wish to install. Go to the website and download the ChromeOverlay extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for ChromeOverlay extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the ChromeOverlay extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download ChromeOverlay extension for Chrome and install in Developer Mode

This is another method to install ChromeOverlay extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the ChromeOverlay extension file

Select and download the ChromeOverlay extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the ChromeOverlay extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your ChromeOverlay extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the ChromeOverlay extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install ChromeOverlay extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Overlay Extension · Developer Tools 892 0 ★ 1.01MiB

icon

Image Tracer Overlay Extension · Photos 892 6 ★ 63.01KiB

icon

Ghost Screen Extension · Developer Tools 892 3 ★ 659KiB

icon

Image Sticker Extension · Accessibility 892 1 ★ 144KiB

icon

Nudity Filter Extension · Accessibility 892 38 ★ 71.13KiB

icon

ColorVeil Extension · Accessibility 892 5 ★ 13.57KiB

icon

Transparent Standalone Images Extension · Accessibility 892 12 ★ 33.88KiB

icon

Opacity Layer Extension · Productivity 892 1 ★ 14.58KiB

icon

In-Tab Overlay Extension · Productivity 892 0 ★ 37.29KiB

icon

Page Filter Effects Extension · Fun 892 8 ★ 18.69KiB

icon

Crosspixel Extension · Developer Tools 892 3 ★ 11.57KiB

icon

Transparent Backgrounds Extension · Productivity 892 1 ★ 4.47KiB

icon

Cornpare Extension · Developer Tools 892 0 ★ 97.97KiB

icon

Map Maker Overlay Extension · Productivity 892 41 ★ 127KiB

icon

Pixels Extension · Productivity 892 2 ★ 51.1KiB

icon

Greeked and blurred Extension · Accessibility 892 6 ★ 3.31MiB

icon

Behind The Overlay Extension · Productivity 892 343 ★ 56.97KiB

icon

Artist Tools for Gartic Phone Extension · Fun 892 7 ★ 40.6KiB

icon

Video Filter Extension · Accessibility 892 49 ★ 37.41KiB

icon

Gartic Cellulart for Gartic Phone Extension · Fun 892 2 ★ 1.11MiB

icon

Gartic Pro for Gartic Phone Extension · Fun 892 14 ★ 24.21KiB

icon

Pixel Perfect Pro Extension · Developer Tools 892 12 ★ 124KiB

icon

PerfectPixel by WellDoneCode (pixel perfect) Extension · Developer Tools 892 605 ★ 732KiB

icon

PixelParallel by htmlBurger Extension · Developer Tools 892 65 ★ 223KiB

User reviews

icon

Mei Mei (ID: 000000878b843381) Voted 4 ★ - Updated 03/05/2023 This extension truly has a lot of potential! I love the idea, but unfortunately I wont be utilizing it as much as I would have liked to. If there was a way to scale and move the image when comparing it things that aren't Fullscreen I would have given it 5 stars

icon

Carl Walsh (ID: 000000b93612ce4d) Voted 5 ★ - Updated 12/21/2022 Works, loading file from URL! very useful when you need to compare two images

icon

Bernardo Abreu (ID: 000000d68a2f9034) Voted 1 ★ - Updated 02/03/2021 It doesn't accept any png images Fix it and i will remove bad rating

icon

Samuel Liebert (ID: 0000007a3df5bbb2) Voted 5 ★ - Updated 10/01/2020 Works