Image Guide

Image Studio — Complete Guide

Image Studio is an all-in-one image editor with ten tools arranged in a sidebar. Every edit you apply is saved as a history step — you can undo, redo, or jump back to any previous state at any time.

Getting started

Open Image Studio and drag-and-drop an image onto the canvas, or click the upload area to browse. Accepts JPEG, PNG, WebP, AVIF, BMP, TIFF, and ICO.
The left sidebar shows all available tools. Click any tool to open its settings panel on the right side of the screen.
Adjust parameters and click Apply. The canvas updates immediately and a new history entry appears in the top toolbar.
Use the undo/redo buttons at the top or click on any previous history entry to jump back to that state.
When you're done, use the Compress tool to pick a format and quality, then click Download.

Open Image Studio

All 10 tools explained

1. Transform

Resize your image by entering exact pixel values or a percentage. Rotate in 90° increments or type a custom angle. Flip horizontally or vertically. Crop to a preset ratio (1:1, 4:3, 16:9, etc.) or draw a freeform selection. This is usually the first tool you want to use — resizing early means downstream effects run on the final dimensions.

2. Adjust

Fine-tune visual properties with sliders: brightness, contrast, saturation, exposure, temperature, tint, and sharpness. Each slider shows a live preview on the canvas. You can adjust one property, apply, then adjust another — or combine multiple adjustments in a single step. Double-click any slider to reset it.

3. Filters

Apply color filters like grayscale, sepia, vintage, cool tone, warm tone, and high contrast. Each filter has an intensity slider so you can blend it subtly or go full effect. Filters are a good way to set mood before exporting for social media or portfolios.

4. Compress

Convert between JPEG, WebP, AVIF, PNG, BMP, and ICO. Use the quality slider to find the sweet spot between file size and visual quality — the estimated output size updates in real time as you move it. For photos, JPEG at 70–80 or WebP at 75–85 typically gives the best balance. Pick PNG for lossless or when you need transparency.

5. Watermark

Add repeating text across the entire image to prevent unauthorized use. Customize the text content, font size, color, opacity, angle, and spacing. Lower opacity (15–25%) creates a subtle mark; higher values (40–60%) are good for clearly marking drafts. Diagonal placement at -30° to -45° makes the watermark harder to crop out.

6. Redact

Draw rectangles over sensitive areas in screenshots or documents. Choose between solid fill, pixelation, or blur effects. Useful for hiding personal information, API keys, or private data before sharing. Each rectangle can be drawn independently and the effect is applied when you confirm.

7. Mockup

Place your image into device frames — phone, laptop, tablet, or monitor. Great for presenting app screenshots, website designs, or portfolio pieces. The image is automatically scaled and positioned within the selected device frame. Choose a background color or keep it transparent.

8. DPI

Read the current DPI value from your image and change it. Metadata mode only updates the DPI tag — the image looks identical on screen but tells printers to use the new value. Resample modephysically resizes the pixel grid to match the new DPI at the same physical print size. Common presets: 72 (screen), 150 (draft print), 300 (standard print), 600 (high quality print).

9. Text Behind

Create a layered typography effect where text appears behind the main subject. The tool has three tabs: Text (enter your text, set font size, weight, and color, drag to position), Mask (auto detect the subject or manually paint the mask), and Background(darken or tint the backdrop to make text pop). Photos with a clear subject against a relatively uniform background work best.

10. Info

View file details: dimensions, file size, format, color depth, and EXIF data (camera model, exposure, GPS, etc.) when available. Helpful for checking what you're working with before deciding which edits to apply.

Recommended workflow order

Transform — Get the size and orientation right first.
Adjust + Filters — Correct colors and set mood.
Redact / Watermark / Mockup / Text Behind — Add overlays and effects.
DPI — Set print resolution if needed.
Compress — Choose format and quality last, then download.