Mask sensitive data in screenshots. Take full page screenshots and export to PNG/JPEG/WEBP using online screenshot editor

Latest Version

Version
2.1.3
Update
May 1, 2023
Size
277KiB
Developer
datamask.tech
Category
Users
2,000+
Rating
4.6 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
Scripting
See more

DataMask Extension

DataMask extension helps to blur images, scramble text and take website screenshots. DataMask opens screenshots in online editor by default where additional editing can be performed: draw, text blackout and reduce screenshot file size.

DataMask is great fit for personal, support and editorial use. DataMask can help to make screenshots for news articles, video reports, graphic assets and support tickets.

Free features: auto scramble all text and images on a website, take website viewport screenshot
Paid features: edit website text, irreversible blur (blur+), hide parts of a website, take HTML element screenshots and freely draw blur rectangles

You can try Pro features with a 7 day free trial by logging in with your Google account.

How to use
- Open a website
- Click on DataMask icon or use the keyboard shortcut. Windows: CTRL+M, MacOS: Command+M

Other useful features
- Hide action hides DataMask banner without exiting masking mode
- ESC keyboard shortcut is the same as Hide action
- CTRL+Z undoes last change
- Clear action returns website to initial state

Permissions
- activeTab is used to analyse and edit current tab content to hide sensitive information
- storage is used to persist extension settings
- communication with cooperating websites is used to transfer screenshots to DataMask Editor web app (https://datamask.tech/editor/)

Follow DataMask updates and provide feedback
Twitter: @DataMaskExt
Facebook: https://www.facebook.com/datamaskext
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAk3Ax3gGFgzX7yOHPbCatWzZdLSkDw6E0HvGnXBrJ1gsadrmr8llAdY3YrTINpjBCqo58SKaJhRfrpKxXnvO5pOLk0azT/xAyJ1V9bgPXtXNBSag6jjIQk5ijj1705z53hMI/G1Y+p3h5PW7MbrweJLmuxKJsYnEkFjbNk5GXp5nW0KMTk/SB1a/zmvJ6HgeE5sC7lc1XPhqSIm8HWOAoiiXnuahEi6rjNj8PnFFw393JwQtErdWkBm1dWsH0Dfn6abnlKCfRYqmL9I99Q9Aa1kymyIDSWFJggq0BxO2FSz0RvX7bKknfGhcpXyXlbU/Yu+Hy8D4DoGlpxjl2q5RIJwIDAQAB", "manifest_version": 3, "name": "DataMask", "short_name": "DataMask", "description": "Mask sensitive data in screenshots. Take full page screenshots and export to PNG/JPEG/WEBP using online screenshot editor", "version": "2.1.3", "background": { "service_worker": "extension.js" }, "icons": { "19": "icons/icon19.png", "128": "icons/icon128.png" }, "action": { "default_icon": { "128": "icons/icon19.png" } }, "commands": { "Open DataMask": { "suggested_key": { "default": "Ctrl+M", "mac": "Command+M" }, "description": "Opens DataMask banner" } }, "options_page": "options.html", "permissions": [ "activeTab", "storage", "scripting" ], "optional_permissions": [ "downloads" ], "externally_connectable": { "matches": [ "https://datamask.tech/*" ] }, "web_accessible_resources": [ { "resources": [ "icons/icon128.png", "material.woff2" ], "matches": [ "*://*/*" ] } ], "host_permissions": [ "*://*/" ], "minimum_chrome_version": "96.0.0.0"}
Read more

How to download and manually install DataMask extension for Chrome

Looking for a way to install DataMask 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 DataMask extensions manually, this article outlines two simple methods to effortlessly install DataMask extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

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

If you ever need to manually install a DataMask 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 DataMask Extension by clicking the "Download CRX" button on the website.

Look for the DataMask extension you wish to install. Go to the website and download the DataMask extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for DataMask 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 DataMask 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 DataMask extension for Chrome and install in Developer Mode

This is another method to install DataMask 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 DataMask extension file

Select and download the DataMask 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 DataMask 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 DataMask 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 DataMask 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 DataMask extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

blurweb.app Extension · Productivity 2,000+ 109 ★ 38.49KiB

icon

Blur It Out Extension · Fun 2,000+ 18 ★ 49.38KiB

icon

Blur Images Extension · Social & Communication 2,000+ 25 ★ 122KiB

icon

Content Edit & Blur Extension · Productivity 2,000+ 18 ★ 158KiB

icon

Save for later Extension · Productivity 2,000+ 34 ★ 526KiB

icon

Blurry Blur Sensitive Infos, Draw & Highlight Extension · Productivity 2,000+ 3 ★ 22.89KiB

icon

Greeked and blurred Extension · Accessibility 2,000+ 6 ★ 3.31MiB

icon

Obscurit.app Extension · Productivity 2,000+ 7 ★ 308KiB

icon

ZeroBlur Extension · Productivity 2,000+ 35 ★ 97.56KiB

icon

Hide My Web Extension · Productivity 2,000+ 6 ★ 98.01KiB

icon

Blur. The Image and Video blur extension Extension · Productivity 2,000+ 71 ★ 48.37KiB

icon

BlurPage Extension · Productivity 2,000+ 5 ★ 26.36KiB

icon

Privacy Screen and Security Blur Extension · Productivity 2,000+ 4 ★ 1.37MiB

icon

Volley extension Extension · Developer Tools 2,000+ 23 ★ 2.01MiB

icon

Blur Page Extension · Productivity 2,000+ 0 ★ 55.25KiB

icon

Blurry - Blur unwanted content Extension · Productivity 2,000+ 9 ★ 48.57KiB

icon

Edit Website Extension Extension · Productivity 2,000+ 18 ★ 24.69KiB

icon

URL Popper Extension · Productivity 2,000+ 2 ★ 21.98KiB

icon

Hide That! Extension · Productivity 2,000+ 44 ★ 79.91KiB

icon

Paced Email – Temporary, disposable, burners Extension · Productivity 2,000+ 13 ★ 1.66MiB

icon

Black-shrimp Extension · Productivity 2,000+ 21 ★ 172KiB

icon

Fix translation Extension · Developer Tools 2,000+ 12 ★ 54.99KiB

icon

Stepsy: create step-by-step guide with screenshots Extension · Productivity 2,000+ 25 ★ 7.49MiB

icon

GitHub Web IDE Extension · Developer Tools 2,000+ 22 ★ 114KiB

User reviews

icon

Chad M (ID: 000000243ded4507) Voted 5 ★ - Updated 08/05/2021 Great App! I see some reviews that had trouble, but I didn't have any trouble at all. It appears that the PERSISTENT MASKING, which is clutch for screen recording, is only for the Pro version. Still not a deal breaker for me. A few tips I found that may help you: - You'll be notified to refresh the page to open the tool. FYI - Refresh on the Toolbox resets the page, like a super-undo. It appears that undo or removing edits individually is a Pro version upgrade for the Chrome extension, but is an option inside the Editor after taking a screenshot. - For just a quick edit on a live window within Chrome, I usually just use the 'Auto' button and it takes care of the entire page. - Now a lot of the time you won't want EVERYTHING blurred or scrambled, so select the 'manual' button. Drag your mouse over the page and you'll see red boxes detect areas on the page to individually blur. - Move it around and sometimes it will detect a more favorable size. - It detects pics, logos, text, etc. - Click your area and a menu pops up with several options, but only two that are selectable; 'Blur' and 'Scramble.' - 'Blur' blurs. (Duh.) 'Scramble' shuffles the letters around into gibberish, but I like how this looks sometimes to make a page look more natural without obvious blurred areas. - If you select scramble on a photo it just blurs it, so Scramble is just for text. - Sometimes pictures don't show the red selection box, but as long as you have 'manual' selected it will do the same thing. Now, it is my personal preference to use the screenshot and edit it outside of the live page and load the image to my articles. When you open the DataMask toolbox on a live window and screenshot it, it opens the image in a new window inside the DataMask Editor. Here you have the additional options of PIXILATING, BLACKOUT, CUSTOM PEN TOOL, CROPPING, and saving the image. Dragging boxes over an image is nicer in my opinion than the selection box, but both work. -- TIP: Blurring in the Editor defaults the blur size to 20. I recommend 3-5 for small text and images and to make the text unintelligible while not making photos look like soup. It appears that the additional options in the Manual Selection Toolbox are for the Pro version, though I haven't started the 7 Day Free Trial.

icon

edison steven (ID: 00000047faff5b36) Voted 5 ★ - Updated 01/07/2020 i liked it

icon

Tùng Nguyễn (ID: 00000030a6380827) Voted 5 ★ - Updated 08/18/2019 What a helpful extension !

icon

Gamemote (ID: 00000042a7405643) Voted 3 ★ - Updated 08/14/2019 It's a good extension for making videos or taking pictures to blur out stuff that you don't want in it. But to take out the blur effect you will have to refresh the tab.