DEV Community

Jarvis
Jarvis

Posted on

How I Edit Text in Screenshots Without Photoshop

How I Edit Text in Screenshots Without Photoshop

You know the moment. You take a screenshot of a UI, a slide, or a meme — and then you spot a typo. Or the product name changed. Or you need the same screenshot in another language.

The "proper" fix is to open Photoshop, erase the old text, clone-stamp the background back together, find a matching font, retype, and export. That's a 20-minute job for a 20-second change. I've been there more times than I care to admit.

So here's the workflow I actually use now. It takes about two minutes, runs entirely in the browser, and I haven't opened Photoshop for screenshot text edits since.

The tool: PhoText

The tool is called PhoText — a free, browser-based editor that lets you click on text inside an image and just… edit it. No install, no account needed for the basics. It's freemium: the core text-editing features are free, which covers everything in this tutorial.

Quick note on what it does, so you know whether it fits your case: click-to-edit text directly on the image, change font/color/size, AI chat-based editing ("make this heading bigger and blue"), font recognition, image translation, watermark removal, OCR text extraction, and PDF-to-image conversion. I mostly use the first three.

Step-by-step

1. Open it and upload your screenshot

Go to photext.ai and drop in your screenshot — PNG or JPG, drag-and-drop or file picker. There's no project setup, no canvas size to configure. The image just opens in the editor.

Uploading a screenshot to PhoText

2. Click the text you want to change

This is the part that sold me. You literally click on the text in the image and it becomes editable, in place. You don't select a text tool, you don't draw a box — you click the word, and you type.

Under the hood it's detecting the text regions and rebuilding them as editable layers — the editor lists every detected segment on the side. In practice it just feels like editing a Google Doc that happens to be a screenshot.

PhoText editor with text regions detected, ready to edit

Fix your typo, swap the product name, whatever you need. Hit enter and the change is applied.

3. Match the font, color, and size

This is where most quick edits fall apart — the new text looks pasted-on because the font doesn't match. PhoText has a font recognition feature: select the text and it suggests fonts that look like the original. It's not always pixel-perfect, but it gets you 90% of the way there in seconds instead of a font-identification rabbit hole.

Then adjust:

  • Font — pick from the suggested matches or browse the list.
  • Size — drag or type a value until it visually matches the surrounding text.
  • Color — use the eyedropper to sample the original text color. This one matters more than people think; even a slightly-off black looks wrong.

Take 30 seconds here. It's the difference between "fixed" and "obviously edited."

Here's a real example — I changed "Wutong Mountain" to "Nanshan Park" on a travel photo, and the tool re-rendered it in the matching style:

After editing: the text was replaced and re-rendered in matching style

4. Handle multi-line or background text (if needed)

If the text sits on a busy background — a photo, a gradient — click around it first to check the tool cleaned up the old text properly. In my experience it reconstructs simple backgrounds well. For complex ones, you may need to nudge things or accept a minor artifact. For screenshots (flat UI, solid colors), it's essentially flawless.

5. Export

Hit export/download and you get your edited image back. Done. The whole thing, from upload to download, is genuinely a two-minute job once you've done it once.

Two bonus tricks I actually use

Translating a screenshot. The image translation feature keeps the layout and swaps the text into another language. I used this for localizing a settings screen for a side project — it beat rebuilding the screenshot in Figma.

Pulling text out with OCR. Sometimes I don't want to edit, I just want the text. The OCR extraction grabs all the text from an image in one go. Faster than retyping error messages from a screenshot into a search engine. We've all done that.

When I still reach for something else

Honesty section, because no tool does everything:

  • If I need full layer-based compositing, photo manipulation, or print work — that's still Photopea (free, browser-based Photoshop alternative) or actual Photoshop.
  • If I'm designing from scratch — a poster, a social graphic — Canva is faster because it starts from templates rather than editing an existing image.

PhoText sits in the gap between those: you already have the image, you just need the words in it to say something different. For that specific job, it's the fastest thing I've found.

TL;DR

  1. Open photext.ai, upload the screenshot.
  2. Click the text, type your fix.
  3. Match font (use font recognition), color (eyedropper), size.
  4. Export. Two minutes, no Photoshop.

If you edit screenshot text more than once a month, bookmark it. Future you will thank present you.

Top comments (0)