← All articles

Blur Portfolio Screenshots Before Sending a Job Application

Case-study screenshots carry client names, internal URLs and real user data. How to sanitise a portfolio without losing the story.

November 8, 2026|Toolbox Image|#job-application #screenshot-privacy #blur-image#image-tools Blur Portfolio Screenshots Before Sending a Job Application

Blur Portfolio Screenshots Before Sending a Job Application

A portfolio case study needs screenshots. The screenshots were taken in a production environment, which means they contain a client’s name, a staging URL, real customer rows, internal metrics and occasionally a colleague’s avatar. Sending that set out unedited can breach an NDA before you even get to the interview.

The usual fix — replacing everything with vague text — is not much better, because it strips out the evidence that makes a case study credible. The goal is narrower: keep the interface, the layout and the design decisions visible, and remove the identifiers.

Quick Takeaways

  • A screenshot captures the whole window, not just the component you are proud of: URL bar, tabs, sidebar, notifications.

  • Client names, logos, internal domains and real user rows are the four things to find first.

  • Aggregate metrics can be confidential even when no personal data is shown.

  • Mask with a strong, local blur or an opaque block; a light smudge over small UI text stays readable.

  • Sanitise the final PDF or web page, not just the source image — exports can re-embed originals.

What a Case-Study Screenshot Actually Contains

AreaTypical leakTreatment
Browser chromeInternal domain, query parameters with IDs, logged-in emailCrop the chrome off, or mask the address bar
Sidebar / headerClient logo, workspace name, account switcherMask the brand area, keep the navigation structure
Data tableReal names, emails, order amounts, addressesMask the identifier columns; consider replacing rows with sample data
Toast / notificationA colleague’s name or a private messageCheck for pop-ups before capturing; mask if present
Charts and KPI cardsRevenue, conversion or volume figures under NDAMask the numbers, keep the chart shape and labels
Avatar clusterRecognisable faces of coworkers or customersMask the faces
Footer / status barEnvironment name, build version, user IDCrop or mask

The address bar is the most frequently missed one. A URL like an internal admin path with an ID in the query string tells a reader far more about the system than the screenshot does.

Keep the Story, Remove the Identifiers

Recruiters are looking for your decisions: information hierarchy, empty states, error handling, how a dense table is made readable. None of that depends on a real customer’s email address.

A workable pattern:

  1. Write the narrative in text. “A B2B logistics client, ~40 daily users” gives context without naming anyone.
  2. Crop the browser chrome. A clean app screenshot looks more deliberate anyway.
  3. Mask identifier columns only. Leave the row structure, column widths and visual density intact so the layout story survives.
  4. Mask brand marks. Logos are high-contrast shapes that need a fairly strong mask; see logo and watermark masking.
  5. Check the numbers. If a KPI is confidential, blur the digits and keep the card layout.

For text-heavy areas, use Blur Text or Privacy Blur to sweep the frame before you start masking. Toolbox Image handles the selective work: box-select a column, then paint freehand around an irregular avatar cluster.

If the screenshot includes real user rows, consider rebuilding the view with obviously fake sample data instead of blurring every cell — a wall of smudges reads as careless. The same logic applies to social screenshots, where usernames and avatars are the identifiers.

One More Pass on the Exported File

Portfolios are usually delivered as a PDF, a Notion page or a personal site. Each of those can keep the original image as an attachment or in an asset folder. After you export, open the delivered version and zoom into one masked area. If the original is still there underneath, you have sent both versions.

Also note that an attachment in an application email can be forwarded. Treat every exported copy as public, which is the same assumption behind the general screenshot guide.

FAQ

Is blurring a client logo enough to satisfy an NDA? Often not — the NDA may also cover the existence of the project, internal metrics or the product’s UI. Check the agreement. Masking pixels solves the data leak; it does not solve permission. Ask the client before publishing any case study.

Should I blur real names or replace them with sample names? Replacement usually reads better and is safer, because no amount of blur is guaranteed against a determined reader. Use masking when you cannot rebuild the screen.

What about small UI text — an 11px email in a table? Small, high-contrast text is exactly where a gentle blur fails. Use an opaque block for short strings. How much blur is enough explains the relationship between font size and radius.

Do I need to worry about the metadata in a screenshot? Screenshots rarely carry GPS, but PDFs and design-tool exports can carry author names and software paths. Check the document properties before sending, alongside the metadata cleanup you would do for photos.

Blur a Screenshot Online

A general pass for any captured window, including browser chrome.

Blur Usernames in Social Screenshots

Handles avatars, handles and message previews specifically.

How to Blur a Logo, Watermark or Text Overlay

Brand marks are high-contrast shapes and need a stronger mask.

Blur Text in an Image

Techniques for small, dense text inside a UI.