How to Blur Part of a Web Page in Chrome
To blur part of a web page in Chrome, mask the sensitive field or page region before you start sharing or recording. The blur must be visible in the page itself so the meeting app or recorder captures the protected version.
This is useful when you need the real page for context but cannot expose every name, email, balance, API key, or private message on it.
Choose the field or page region
Mask it before sharing starts
Check the meeting or recording preview
Choose manual or automatic blur
Manual blur works well for a fixed field, image, or panel. Select the element or draw over the area, then confirm the mask stays in place as you scroll or resize the page.
Automatic detection is better for repeated formats such as emails, phone numbers, payment details, and API keys. It reduces the chance that you miss a second copy elsewhere on the page.
Apply the blur before the audience arrives
Prepare the page before joining the meeting or starting the recorder. Blur the sensitive regions, refresh any live dashboard data, and scroll through the path you plan to demonstrate.
Do not wait until a private value appears on the call. A blur added afterward cannot undo a live exposure or remove a value from earlier recording frames.
Verify what the audience receives
Join a test call from another device or make a short recording. Confirm the blur appears in the shared output, survives scrolling, and does not disappear when the page updates.
Keep enough context visible for the audience to follow the task. A good mask hides the value, not the entire workflow.
- Check dynamic tables and infinite-scroll lists.
- Test page refresh and route changes.
- Confirm menus and hover states do not reveal the value again.
- Check the final video or screenshot at full resolution.
When demo data is better
Use a demo account when the whole page is sensitive or the workflow can create unpredictable data. Blur is best when a few specific values must stay hidden while the real interface remains useful.
For banking, health records, password managers, and production admin tools, a prepared environment is safer than trying to mask every possible leak during a live presentation.
Practical examples
Good blur targets
- A customer email in a support dashboard.
- A balance and account number in a finance walkthrough.
- An API key in a developer tutorial.
- Names and grades in an education portal.
- Private chat messages beside the feature being demonstrated.
Related guides
- Best Chrome extensions for blurring sensitive information
- How to hide personal information while screen sharing
Frequently asked questions
Will browser blur appear in Zoom, Meet, or Teams?
Yes, if the blur is rendered on the page before the meeting app captures the tab or window. Test the output once before an important call.
Can I blur only one part of the page?
Yes. Manual selection is suited to a fixed field or panel. Automatic detection helps when the same kind of sensitive value appears in several places.
Does blur change the website data?
A browser privacy overlay changes what is displayed locally. It does not edit the website database or the underlying account record.
Need to hide sensitive details that must stay on screen? Try Safe Screen Share.