Documentation screenshots
Crop away the browser clutter, add an arrow or short label and export the final image in the format used by the guide. Keep the original screenshot available if another version may be needed later.
Edit a stored image in the browser
Image editor for crop, resize, layers and web ready outputs
Sometimes an uploaded image is almost ready. It only needs the wrong edge cropped out, a better size for a post, a label added to a screenshot or a few visual adjustments before the link is shared.
The Media2URL Image Editor opens a supported image from your workspace and gives you those controls in the same place. You can crop and resize the canvas, adjust the image, add text or other layers and then decide whether the finished version should replace the source or stay as a separate file.
The workflow
From source image to saved output
Start with the version you already have and change only what the next use actually requires. A documentation screenshot may only need a crop and an arrow, while a product image may need a different size and export format.
The editor keeps those changes inside one workspace until you choose how the finished image should be saved.
- 1
Open a library image
Open a supported image from your Media Library and start editing from the stored file. You do not need to download the image and upload it again just to make a small change.
- 2
Make the edit
Crop, resize or straighten the image first, then use the adjustments or creative tools that the job needs. Text, drawings, shapes, overlays and other supported elements stay on separate layers while you work.
- 3
Check the result
Use undo and redo while working, zoom in when a small detail matters and compare the edited image with the original before deciding that the new version is finished.
- 4
Save it the right way
Export the finished image as JPEG, PNG or WebP using the available quality settings. You can then choose whether the result should replace the source, become a version, stay linked as a variant or be saved as a separate asset.
Start with the job, not every control in the editor
A good edit does not use every slider and effect available. If the image simply needs to fit a YouTube thumbnail, the crop and size may be enough. If it is a support screenshot, an arrow and short label may solve the problem better than a complete redesign.
Media2URL keeps the basic editing, annotation and output controls together so you can prepare the version you actually need without moving the file through several separate tools.
Geometry & framing
Crop for where the image will actually be used
A crop is not only about removing unwanted space. It can also change how the main subject fits inside a website card, social post, thumbnail or mobile layout.
The editor includes common aspect ratios such as square, 16:9, 4:3, 3:2, 4:5 and 9:16. It also has preset canvas sizes for places such as Instagram, Facebook, LinkedIn, X, YouTube and blog or Open Graph images.
These are presets available inside the editor rather than a promise that every platform will keep the same recommended dimensions forever. If a platform changes its requirements, check the final destination before publishing.
Crop, resize and canvas size are not the same thing
Cropping removes part of the visible image. Resizing changes the dimensions of the image you keep. Changing the canvas gives you control over the final working area around that content.
For example, a landscape product photo may first need a square crop for a catalogue. A separate version of the same image may need a 16:9 canvas for a video thumbnail.
The editor also allows custom pixel dimensions where the current limits support them. Use exact sizing when the destination gives you a required width and height instead of stretching an image afterwards.
Common preset groups in the editor
| Preset group | Examples available in the editor |
|---|---|
| General ratios | 1:1, 16:9, 4:3, 3:2, 4:5 and 9:16 |
| Social posts | Instagram square/portrait, Facebook feed, LinkedIn feed and X post |
| Large headers | Facebook cover, LinkedIn cover, X header and YouTube channel banner |
| Web content | YouTube thumbnail and 1200×630 blog/Open Graph canvas |
Use these presets as a faster starting point. Before publishing an important campaign asset, check whether the destination has changed its current size or safe area recommendations.
Fix the image before reaching for a filter
Brightness, contrast and saturation are useful when the source itself needs correction. Temperature can move the image towards a cooler or warmer look, while sharpness and clarity can help when important edges need more definition.
Blur has a different purpose. It can soften part of the visual or create visual obscuring for hiding distracting detail, while opacity controls how strongly a layer appears over what is underneath.
The editor also includes grayscale and several creative filters when a deliberate visual style is needed. You can change the intensity instead of treating a filter as an all or nothing effect.
Filters are only one way to change the look
The editor includes looks such as Vivid, Mono, Warm, Cool, Vintage, Fade and Dramatic. Each can be adjusted with an intensity control, which is more useful than forcing the full effect onto every image.
Texture overlays can add a grid, diagonal pattern, halftone effect, scanlines or vignette. Frames can add a simple border, stronger outline, double line, photo style matte or cinema style bars.
These controls make more sense for thumbnails, promotional graphics and creative posts than for every uploaded image. A documentation screenshot normally benefits from staying simple.
Mark the part someone actually needs to notice
Screenshots and review images often need explanation more than visual styling. A rectangle around the wrong field or an arrow pointing to a button can communicate the issue faster than another paragraph in a support message.
The editor lets you draw with pencil or highlighter tools and add shapes such as rectangles, circles, lines and arrows. Text layers can add a short note, while badges, emoji and image overlays are available when the visual needs something more noticeable.
For client work, an uploaded logo or watermark can also be placed as another image layer. Its position, scale and opacity can be adjusted without flattening every other element immediately.
Layers make later changes much easier
Once text, shapes and overlays are placed directly into one flat image, changing an individual element becomes harder. Layers keep those added elements separate while the edit is still in progress.
You can move a layer forward or backward, hide it without deleting it, lock its position or rename it when several elements are on the canvas. That becomes useful when a screenshot contains multiple callouts or a promotional graphic has text, a badge and a watermark at the same time.
Undo and redo provide another safety net for normal editing mistakes. The before and after split view helps with a different decision: whether all those changes actually improved the image.
Output choices
JPEG, PNG or WebP: choose the output for the image
The editor can export JPEG, PNG and WebP, but the best choice depends on what the image contains.
JPEG is often practical for photographic images where transparency is not required. PNG uses lossless compression and supports transparency through an alpha channel. WebP supports both lossy and lossless compression and can also support transparency.
The quality slider matters most when the chosen output uses adjustable compression. Do not automatically choose the lowest quality just to make the file smaller. Check text, edges and photographic detail at the size where people will actually see the image.
The save choice matters as much as the edit
| Save option | Use it when |
|---|---|
| Replace Source | The edited image should become the active file used by the existing asset. |
| Attach as Version | The new edit belongs to the same asset and you want the earlier version kept for rollback. |
| Save as Variant | You need a related derivative such as another crop or social version while keeping its connection to the source. |
| Save as New Asset | The result should stand on its own as a separate library item. |
Think about this before pressing save. Replacing the source can affect how that asset is used later, while a variant or new asset keeps a separate version available for another purpose.
When one image turns into fifty
Editing a single image is one job. Applying the same resize, crop or format change across a whole set is another.
The Batch Image Processing workflow lets you work with up to 250 images in one queue under the current implementation. Instead of repeating the same settings for every file, you can save a processing preset and apply that setup across the selected assets.
A preset can carry repeated choices such as resizing, crop behaviour, output format and target folder. This is useful when a product catalogue, article library or campaign contains many images that need the same treatment.
For one off creative work, use the normal Image Editor. Use batch processing when consistency across many images matters more than making different creative choices for every file.
Practical scenarios
Where the editor fits into real work
Social and campaign images
Start from a platform preset when the same source image needs a square post, portrait version or wide header. Save the different crops as variants instead of repeatedly editing the only source copy.
Client review images
Add notes, shapes or a light watermark before sending a draft for review. Save it separately when the clean source still needs to remain available for the final version.
Product and website assets
Resize a product image for the part of the website where it will appear, then choose an export format and quality that fit that use. When several products need the same treatment, move the job to Batch Image Processing instead of repeating the edit manually.
Safety & limits
Before you replace an important image
- Check the crop at the final size. Something that looks fine while zoomed out may cut off text or a subject when the image is used in a smaller card.
- Keep a source when you may need another version. Variants and versions are safer than replacing the only useful copy when several outputs are still required.
- Large canvases still have limits. Custom dimensions and high-resolution work remain subject to the editor and workspace limits.
- Check the export before publishing. Compression, transparency and visual effects can look different after the final file has been created.
Questions about this workflow
Frequently asked questions
No. Editing starts from the stored image, but the result is not treated as a replacement until you choose the relevant save mode. You can save the edit as a version, variant or separate asset where those options are available instead.
Yes. The editor includes free crop, common aspect ratios, platform oriented presets and custom canvas sizing within the current limits. You can also rotate, flip or straighten the image before exporting it.
Yes. Text can be added as an editable layer with formatting and alignment controls. An image overlay can also be used for a logo or watermark, with its size, position and opacity adjusted separately.
The current editor exports supported results as JPEG, PNG or WebP. The useful format depends on whether you need photographic compression, transparency or another web ready output.
Cropping removes part of the visible image. Resizing changes the dimensions of the image that remains. You may need both when the source has the wrong composition as well as the wrong final size.
Yes. The editor includes preset crops and canvas sizes for several common social and web layouts. Save separate versions or variants when the same source needs more than one output.
Yes. The before and after comparison lets you move across the image and check how the current edit differs from the source before you save it.
Use Batch Image Processing when several images need the same repeated transformation. Saved presets can apply supported resize, crop, format and destination choices across a larger queue instead of repeating the setup for every file.
Next steps