Image Studio Runs on your device ← All tools

Image Studio

Ten image tools.One private page.

Shrink, convert, retouch, annotate, vectorise, collage and export — every image job in one place, running in your browser with nothing uploaded.

Your games

Shrink & convert Compress photos, change format and size. Shrink an image Edit & retouch Crop, adjust, filter and retouch. Open the editor Annotate a screenshot Arrows, steps, blur and device mockups. Annotate a shot Photo to vector Turn a photo into crisp SVG art. Vectorise Make a collage Grids, gallery walls and mounted sets. Build a collage Favicons & app icons Every icon size a site needs. Make icons Design an ad Banners and social graphics. Design an ad Scan a document Straighten, clean up and export PDF. Scan a document SVG editor Draw paths, text and scalable vector art. Open SVG editor Quote card Split layouts, cut-outs and any language. Make a quote card
Can’t decide? Of course we made a tool for that. Pick a random game

Shrink images without visible quality loss

Compress JPEG, PNG and WebP images locally, with a live before/after preview so you can find the smallest size that still looks good.

  1. Add one or more images.
  2. Choose the output format and move the quality slider while watching the preview.
  3. Compare file sizes — the tool shows exactly how much you save.
  4. Download individual images or everything at once.

Tip: For photos, WebP at moderate quality often halves the size of an equivalent JPEG; for graphics with sharp edges and text, try PNG.

Edit photos right in the browser

A full image editor: crop, rotate, resize, adjust exposure and color, apply filters and add text — processed on your device, never uploaded.

  1. Open an image from your device.
  2. Crop and straighten first, so later adjustments apply to the final frame.
  3. Adjust brightness, contrast, saturation and other settings with live preview.
  4. Apply filters, or add speech bubbles, stickers and meme text from the Fun tab.
  5. For a paper look, open Paper effects in the Fun tab: Shredded slices the photo into strips (number, gap, slide, tilt, torn edges), and Cutout masks it into a shape — circle, star, heart, arch, blob, or a hand-cut edge.
  6. For the hand-cut edge choose Scissor cut or Torn paper, then set the number of cuts, how far the edge wanders, and how much the cut lengths vary. Press Randomize for a completely new cut — every press gives a different one, and the same setting always redraws the same shape.
  7. Choose what sits behind: fully transparent, the original photo faded to any opacity, or a solid color.
  8. Export in your chosen format. Transparent areas need PNG or WebP; JPEG fills them with the Export background color.

Tip: Real scissor cuts are uneven — push Cut length variation high and keep Number of cuts low (around 10–18) for confident strokes, or raise it for fussy snipping. Press Randomize until you like the shape.

Keyboard: Space or Enter holds the before-and-after comparison. Left and right arrows step between loaded images. Delete or Backspace removes the selected shape or text. Escape leaves region mode.

Annotate screenshots clearly

Mark up screenshots with arrows, boxes, highlights, text and blur — perfect for bug reports, tutorials and feedback — then export the annotated image.

  1. Paste a screenshot from the clipboard or load an image file.
  2. Add arrows, rectangles and text to point out what matters.
  3. Blur sensitive regions — emails, names, tokens — before sharing.
  4. Export the annotated image.

Tip: Blur is applied to the actual pixels on export, not overlaid — the hidden content is not recoverable from the file.

Vectorize images into scalable SVG

Repath traces bitmap images into SVG vector graphics — ideal for logos, icons and line art that need to scale cleanly to any size.

  1. Load a PNG or JPEG — high-contrast images with clear shapes trace best.
  2. Choose the tracing mode and adjust detail and smoothing while watching the preview.
  3. Tune the color count for multi-color traces, or use monochrome for line art.
  4. Export the SVG and use it at any size without pixelation.

Tip: Vectorization shines on logos and flat artwork; photographs are better served by the image compressor.

Build a photo collage in minutes

Arrange your photos into a collage with adjustable layouts, shapes, spacing and background, then export a single image — no upload, no account.

  1. Add your photos; they appear in the collage canvas.
  2. Pick a layout and cell shape, then drag photos between cells to reorder them.
  3. Adjust spacing, corner rounding, and background color to taste.
  4. Fine-tune each photo's position inside its cell by dragging.
  5. Export the finished collage as a single high-resolution image.

Tip: Mixing portrait and landscape photos? Choose a layout first, then swap photos between cells until each one fits its frame naturally.

Generate a complete favicon set

Turn one image into every favicon size a modern site needs — browser tabs, iOS home screens, Android icons — packaged and ready to drop into your project.

  1. Upload a square image, ideally at least 512×512 pixels — a simple, bold shape reads best at small sizes.
  2. Preview how it looks at tab size and on device home screens.
  3. Adjust background and padding if the icon needs breathing room.
  4. Download the generated set along with the HTML link tags to paste into your page's head.

Tip: Test the 16-pixel preview carefully — fine details vanish at tab size, and that is where your favicon lives most of its life.

Build an animated banner ad

Ad Maker builds display ads and social promos in your browser: pick a standard size, add text, a logo and a call-to-action button, animate each piece independently, then export an animated GIF or video. Your images and fonts never leave your device.

  1. Pick your ad size from the standard list — Medium Rectangle, Leaderboard, Skyscraper, Mobile Banner and the rest — or type your own width and height.
  2. The left panel has two tabs: Ad size for the format, and Layers for everything in the ad. Add text for your headline and offer, a shape or button for the call to action, and an image for your logo or product. The selected layer is marked on the canvas with a dashed outline and corner handles, so you always know what you are editing.
  3. The layer list is stacked front to back, with the front-most item at the top. Use the ▲ and ▼ arrows on any row to move it forward or backward, or Bring to front and Send to back to jump it straight to either end — handy when a logo needs to sit above a photo.
  4. The inspector on the right has three tabs. Layer sets content, font, color, size and position for whatever you have selected.
  5. Shapes can be a rectangle, circle, ellipse, triangle, diamond, star, line or arrow — and every layer type, including images and shapes, animates the same way.
  6. The Animation tab controls entrance and exit separately, and effects stack — tick Fade, Slide, Zoom, Spin, Flip, Blur, Wipe and Typewriter in any combination. Zoom plus Fade gives a classic pop; Slide plus Blur gives a motion-blurred entrance. Each side has its own timing, so a layer can zoom in and fade out. Leave the exit empty to keep a layer on screen, and add a looping effect like pulse or float to keep a button lively in between.
  7. The Background tab handles the backdrop on its own: a solid color, a linear or radial gradient, one of eighteen repeating patterns, or your own photo — press Upload a background photo, or drop an image straight onto the ad. A photo can be zoomed, moved, rotated, flipped, and darkened or lightened so headline text stays readable.
  8. The background has its own stackable entrance and exit, exactly like a layer: combine Fade, Slide, Zoom, Blur and Wipe, each with its own timing. There is also an ambient effect — slow pan, slow zoom, gradient shift or brightness pulse — that runs for the whole ad.
  9. Thirty-nine fonts are included and served from this site, so nothing is requested from Google. Twelve of them cover Arabic and Persian script, with a right-to-left toggle for the text layer.
  10. Set the overall ad length and frame rate, scrub the timeline or press Play to check the timing, then export an animated GIF, a WebM video, or a still PNG. The selection outline never appears in the exported file.

Tip: Stagger your entrances — headline at 0s, offer at 0.6s, button at 1.2s — so the eye is led through the ad. Keep the final frame readable on its own, because that is what people see when a GIF stops looping.

Turn photos of documents into clean scans

Convert a phone photo of a document into a flat, high-contrast scan: detect the page edges, correct the perspective, enhance readability and export as image or PDF.

  1. Load a photo of the document — shoot from above with as little shadow as possible.
  2. Adjust the detected corners if the automatic page detection needs a nudge.
  3. Apply perspective correction and choose an enhancement mode (color, grayscale or high-contrast text).
  4. Add more pages if you are scanning a multi-page document.
  5. Export everything as a single PDF or as images.

Tip: Even lighting matters more than camera quality — avoid strong side light and the enhancement filters will do the rest.

Draw and edit vector graphics

Vector Studio is an SVG editor: draw shapes and paths, add text (including text on a path), style everything, and export clean SVG that scales to any size.

  1. Create shapes with the drawing tools, or open an existing SVG.
  2. Select elements to move, resize, and restyle them — fills, strokes, opacity.
  3. Add text, with Google Fonts support and text-on-path for curved lettering.
  4. Arrange layers and grouping as your design grows.
  5. Export the SVG for the web, or render it to an image.

Tip: SVG text stays editable and searchable — prefer real text over converting to outlines unless you must lock the design.

Make a quote card

Every piece on the card is a layer. Click one to select it, drag it to move, drag a corner to resize, drag the round grip above it to turn it. Everything in the panel applies to the layer you have selected.

  1. Type your quotation and the attribution in Words.
  2. Click a layer on the card, or pick it from the layer list, then set its typeface, color and effects.
  3. Drag to place it. Hold Shift while resizing to keep its proportions.
  4. Select two or more layers and press Group to move them together; Ungroup frees them again.
  5. Give the card a background: one of 320 ready-made color themes, your own color or gradient, or a photograph.
  6. Under Ornament, lay a repeating pattern across the whole card, run a band of ornament along any edge, or drop in a single symbol as its own layer. There are 128 patterns and 128 ornaments, from plain geometry to Islamic, Greek, Chinese, Indian, Celtic, Persian and Zoroastrian work.
  7. Open Contrast and readability to see whether your text is legible against whatever is actually behind it, photograph and pattern included.
  8. Save the whole look as a link under Reuse this design, then open it later to build another card in the same style.
  9. Export when you are done.

Tip: Duplicate a layer to build up repeated marks or a second line of credit. Copies are fully independent.

Persian, Arabic and Hebrew are laid out right to left automatically, and eleven calligraphic faces are included alongside the Latin ones.