The short answer
To blur text on a website in Chrome, you have three options. For a one-off screenshot, right-click the text, choose Inspect and add filter: blur(8px) to the element's styles; the blur disappears when you reload. For pages you show often, a click-to-blur extension such as BlurPilot lets you click any element and remember the blur for that page or the whole site. For live screen shares, BlurPilot's Presenter Mode (Alt+Shift+H) finds and blurs emails, phone numbers and card numbers automatically on every tab, and everything runs on your device.
Key takeaways
- Inspect Element works for a single screenshot, but the blur is gone on reload and you have to find every value by hand.
- Click-to-blur with saved rules is the fastest way to hide the same columns and panels on pages you show every week.
- Automatic detection is the only option that catches data you did not know was on the page, which is what leaks on live calls.
- Light blur is not redaction. For anything sensitive, use a strong blur or an opaque block, and never publish a lightly blurred key or password.
The three ways to blur text in Chrome, compared
Each method trades effort for coverage. Pick by what you are about to do with the page:
| Inspect Element (CSS) | Click-to-blur extension | Automatic blur | |
|---|---|---|---|
| Best for | One screenshot | Pages you show every week | Live calls, demos and recordings |
| Time to set up | About a minute per element | One click per element, once | One shortcut |
| Survives a reload | No | Yes, saved as a rule | Yes |
| Works across tabs | No, one element on one tab | Yes, per page, section or site | Yes, every open and new tab |
| Catches data you missed | No | No | Yes, for the types it detects |
| Needs an install | No | Yes | Yes |
Most people start with the first method, get tired of redoing it, and move to the second. The third matters as soon as the page is live in front of other people, because the dangerous value is usually the one you did not plan to show.
Method 1: blur text with Inspect Element (no install)
Every Chromium browser ships with DevTools, which can change how a page looks on your screen without changing the site itself. The CSS blur() filter applies a Gaussian blur to an element and everything inside it.
- Right-click the text you want to hide and choose Inspect. DevTools opens with that element selected.
- In the Styles pane, click inside the
element.style { }rule at the top. - Type
filter: blur(8px);and press Enter. The text blurs immediately. - If only part of a row blurred, press ↑ in the Elements panel to select the parent element and add the same line there.
- Close DevTools and take your screenshot.
What this method does not do
- It does not last. Chrome's own documentation is clear that edits made in DevTools disappear when you reload the page; keeping them needs a separate feature called Local Overrides.
- It does not scale. Ten emails in a table means ten edits, or one edit on the right container that also hides what you wanted to show.
- It does not see new data. A notification, a new row or a search suggestion that appears after you blur is fully visible.
For a quick screenshot of your own account settings, it is perfect. For a call with a client, it is not enough.
Method 2: click to blur, and remember it
A blur extension does the same CSS work for you and saves the result. With BlurPilot (free on the Chrome Web Store, also runs in Microsoft Edge):
- Click the BlurPilot icon and choose Blur an element, or right-click on the page and choose Blur this element.
- Hover to highlight, click to blur. Press ↑ to widen the selection to the parent element, or Esc to cancel.
- Choose where to remember it: This page, This section of the site, or the Whole site.
- For charts and anything drawn as an image, use Draw a region to blur a rectangle instead.
The rule comes back every time you open the page, so the customer column in your CRM or the balance on your banking dashboard stays hidden without any setup. The Free plan keeps 3 active rules; Pro has no limit. You can rename, pause or delete rules in Settings, as the help page explains.
Because the blur is CSS only, the page keeps working underneath: you can still click, type and scroll through blurred content, and switching the blur off is instant, with no reload.
Method 3: blur sensitive data automatically
Rules hide what you already know about. Live calls leak what you do not: an email in a notification, a phone number in a ticket you opened by mistake, a card number in a billing page you clicked through. BlurPilot's Presenter Mode scans every open tab on your device and blurs these before they reach the shared screen:
- Free: email addresses, phone numbers in international formats, and card numbers that pass the Luhn checksum. Tab titles and favicons can be hidden too.
- Pro: IBANs (checked with mod-97), API keys and tokens, IP addresses, money amounts, and your own list of words such as client or project names.
Press Alt+Shift+H before the call; the toolbar icon turns red so you can see it is on. Press it again afterwards and every blur disappears. For a demo where almost nothing should be visible, Pro's blur everything except flips the logic: everything is blurred, including images and charts, and you click the few parts that may stay visible.
Detection happens inside your browser. No page content, URL or rule is uploaded; the security overview lists the only network calls the extension makes.
How much blur is enough?
Less than you think is safe. Pixelation and light blur can be reversed for short, predictable text: in 2022 the security firm Bishop Fox published Unredacter, a tool that recovered text hidden behind pixelation. A 2px blur over a password or an API key in a published screenshot should be treated as visible.
- For screenshots and recordings you publish, use at least
blur(8px)on body text, or an opaque block. - For secrets that must never be read, BlurPilot Pro offers solid block and redact bar styles instead of blur.
- If a real secret was ever visible, rotate it anyway. Our guide to hiding API keys on screen shares covers what to do next.
Which method should you use?
- A screenshot for a bug report or a help article: Inspect Element, with a strong blur.
- A weekly demo of the same dashboard: click-to-blur rules, saved for the whole site.
- Any live call, webinar or recording: automatic blur with Presenter Mode, plus rules for anything detection cannot know about, such as deal values. Our screen-sharing guide has a checklist for the five minutes before you share.
Frequently asked questions
Can I blur text on a website without an extension?
Yes. Right-click the text, choose Inspect, and add filter: blur(8px) to the element in the Styles pane. The change only affects your screen and disappears when you reload the page.
Does blurring text with an extension change the website?
No. BlurPilot applies the blur with CSS on your screen only. The site, its data and what other people see when they open it are unchanged, and the page keeps working under the blur.
How do I blur the same thing every time I open a page?
Use a click-to-blur extension that saves rules. In BlurPilot, click Blur an element, select the element, and choose This page, This section or Whole site. The blur comes back automatically on every visit.
Can blurred text be read?
Sometimes. Light blur and pixelation over short or predictable text can be reversed, as tools such as Bishop Fox's Unredacter have shown. Use a strong blur or an opaque block for anything sensitive, and rotate any secret that was visible.
Does it work in Microsoft Edge and other Chromium browsers?
The Inspect Element method works in any Chromium browser, including Edge, Brave and Opera. BlurPilot is built for Google Chrome and Microsoft Edge.
Is BlurPilot free?
Yes. The Free plan blurs emails, phone numbers and card numbers automatically, hides tab titles, and keeps 3 click-to-blur rules. Pro adds more data types, unlimited rules and blur everything except, from $2 a month billed yearly, with a 7-day trial and no card required.