Free browser-based image and screenshot editor. Add editable text with any Google font, shapes, arrows, freehand pen, and export as PNG, JPG, or WebP. 100% client-side, nothing uploaded.
Most online screenshot editors flatten your work the moment you place an arrow or type a label. Once you save, going back to change the wording — even fixing a typo — means starting over. Zubac's Image and Screenshot Editor takes the opposite approach. Every arrow, box, blur, highlight and line of text lives on its own layer with its own properties. Click any element, drag it, resize it, rotate it, or open the inspector to change its font, colour, stroke width, or opacity. The composition is only rasterised when you click Export, which means your working file stays fluid for as long as you keep the tab open.
Fifty Google Fonts are wired in from the start — from workhorse sans-serifs like Inter, Roboto, and Work Sans to display faces like Bebas Neue, Playfair Display, Abril Fatface, Righteous, and Bungee, and hand-lettering options such as Pacifico, Caveat, and Great Vibes. Each font is fetched from Google's CDN only when you actually pick it, so the editor loads instantly and never pays for typefaces you don't use. Weight, italic, underline, alignment, size, colour, and letter fill are all editable per text object, and the canvas re-lays out immediately whenever you change any of them.
Take a screenshot the way your operating system already lets you — Cmd+Shift+4 on macOS, Win+Shift+S on Windows, PrtScn on Linux — then click into the editor and press Ctrl or Cmd + V. The image drops onto the canvas as a fully editable object. You can crop it by resizing, mask sensitive areas by placing filled rectangles over them, and add call-outs with the arrow tool. When you're done, export at exactly the resolution you set — no scaling artefacts, no watermarks, no server round-trip.
PNG output runs through OxiPNG, a Rust-native optimiser compiled to WebAssembly. It typically shaves 20-40% off a naive canvas PNG at zero visual cost. JPG output uses MozJPEG with trellis multipass, chroma subsampling, and optimised Huffman coding — the same encoder Facebook and Instagram use to ship photos at bandwidth-friendly sizes. WebP writes at quality 78 by default, where perceptual difference from the source is invisible and file sizes typically undercut JPG by 25-35% on the same image. Every encoder runs inside your browser using WebAssembly; nothing ever leaves your device.
The editor loads a single JavaScript bundle, a few WASM codecs, and the Google Fonts you pick. There is no server upload, no signed URL, no analytics event that includes your image. Because the whole pipeline runs inside your browser tab, closing the tab is the same thing as deleting the file — there is nothing left on any Zubac Tools server because nothing was ever sent to any Zubac Tools server. You can verify this by opening your browser's DevTools Network panel while you work: the only outbound requests are for the fonts you pick and, if you have consented, anonymous page analytics.
Product managers annotating bug reports. Support agents redacting personal information from user screenshots before sharing them in a ticket. Teachers building quick worksheets. Bloggers preparing feature-launch cover images. Developers marking up UI screenshots for design review. Anyone who needs a lightweight, private, no-signup replacement for tools like Snagit, Skitch, or the export step of Figma when the design workflow is overkill. The keyboard shortcut set covers the essentials — Ctrl+V paste, Ctrl+Z undo, Ctrl+Y redo, Delete to remove selected — so hands stay on the keyboard.
No. The editor runs entirely inside your browser using Fabric.js and WASM-based MozJPEG, OxiPNG, and WebP encoders. Your images are never uploaded — you can verify this in your browser's Network tab while using the tool.
Fifty popular Google Fonts are available out of the box (Inter, Poppins, Playfair Display, Bebas Neue, Pacifico, and more). The font is fetched on demand only when you pick it, so it never slows the initial load.
Yes. Take a screenshot with your OS shortcut (Cmd+Shift+4 on macOS, Win+Shift+S on Windows) and press Ctrl/Cmd+V on the editor canvas — it will drop in as a fully editable image.
Double-click any text object to enter edit mode. You can also select it once and use the right-hand inspector to change the font family, size, weight, italic, underline, colour, and alignment.
WebP typically wins for photos and screenshots by a wide margin thanks to modern compression. JPG (MozJPEG) is a strong second and universally compatible. PNG (OxiPNG) is best when you need lossless output or transparency.
The canvas is your working resolution — set it to the exact target size (for example 1920×1080) using the size presets or custom width and height fields. Export then produces pixel-perfect output at that resolution.
Yes. Every object you add is its own layer. Use the Layers panel to hide, reorder, or delete individual elements without touching the rest of the composition.
Add a filled rectangle (Shape → Rectangle) over the sensitive area, then set its fill colour to solid black in the inspector. For a softer effect, use a semi-transparent fill or overlay several rectangles.
Browse all free tools · Guides and tutorials · PDF tools · Developer tools · Text tools · SEO tools