Guides that go beyond the button.
How image compression, resizing, cropping, and formats actually work, with live demos that measure real results in your browser.
All guides
Edit10 min readHow to resize an image without losing quality
To resize an image without losing quality, scale it down from the original with the aspect ratio locked, to about the size it will be displayed, or twice that for high-density screens. Shrinking keeps images sharp. Enlarging can’t add detail, so upscaled images always look softer than the original.
Read the guide
Convert10 min readJPG vs PNG vs WebP: which image format should you use?
In the JPG vs PNG vs WebP choice, use JPEG for photos that must open anywhere, PNG for screenshots, text, and lossless transparency, and WebP for web pages, where it usually makes smaller files than both. Use SVG for logos and icons, and GIF only when you need a simple animation.
Read the guide
Edit11 min readHow to crop an image: aspect ratios, composition, and social media sizes
To crop an image well, pick the aspect ratio first (1:1, 4:5, 9:16, or 16:9 for most social posts), then place the frame using the rule of thirds. Cropping removes pixels rather than shrinking them, so crop before resizing. Image Edtr crops in your browser with presets, dragging, or exact pixel fields.
Read the guide
Create10 min readHow to edit a photo online, in the right order
To edit a photo online without uploading it, open it in Image Edtr’s photo editor. Rotate or flip it first, then crop, set brightness and contrast, adjust color or pick a filter, and export to PNG, JPEG, or WebP. Every edit can be undone, and the photo never leaves your device.
Read the guide
Edit10 min readHow to rotate an image, flip it, and fix sideways photos for good
To rotate an image, turn it in 90° steps until it’s upright, flip it if it’s mirrored, and save a new file. Photos often appear sideways because the camera stored an EXIF orientation tag that some apps ignore. Saving the rotation into the pixels, with no tag, makes the image display upright everywhere.
Read the guide
Batch10 min readHow to batch resize images, compress, and convert them in one go
To batch resize images, add them all, set a maximum width and height so each one fits inside the same box, pick an output format and quality, and start the batch. Image Edtr processes up to 50 files in your browser, two at a time, and lets you download each result or a ZIP of completed files.
Read the guide
Edit11 min readHow to adjust image brightness, contrast, and saturation
To adjust image brightness, open the photo in an adjust tool, move Brightness until the subject reads clearly, then add a little Contrast and check the histogram so neither end piles up against the edge. Small moves are safer than large ones, because pixels pushed past pure black or white lose detail for good.
Read the guide
Create10 min readHow to add a watermark to a photo (and make it work)
To add a watermark to a photo, type short text, place it where it overlaps part of the subject or sits in a clean corner, size it to 3–6% of the image’s shorter side, and set opacity to about 40–70%. A visible watermark discourages casual reuse and credits you, but it can be cropped or edited out.
Read the guide
Create10 min readPhoto collage maker guide: grids, spacing, and sizes that work
A photo collage maker combines several photos into one image by placing them in a grid. Choose the number of columns, a cell size that matches your photos’ shape, and an even spacing, then pick Fill to crop images edge to edge or Fit to show each one whole. The output size follows directly from those numbers.
Read the guide
Create10 min readHow to get a color palette from an image (and exact hex codes)
To get a color palette from an image, open it in Image Edtr’s color palette tool. It lists up to eight dominant colors as hex codes with the share of the image each covers. Click or tap anywhere on the image to sample one exact pixel, then copy its hex code. Everything runs in your browser.
Read the guide
Developer10 min readFavicon generator guide: sizes, favicon.ico, and the HTML to add
A favicon generator turns one square image into the icon files a site needs. Image Edtr creates favicon.ico with 16, 32, and 48 px images, a 180 px apple-touch-icon.png, and 192 and 512 px PNGs for a web app manifest, zipped together with the HTML to paste into your page’s head.
Read the guide
Convert10 min readSVG to PNG: how to convert vectors at the right resolution
To convert SVG to PNG, choose an output width, since a vector has no fixed resolution, and rasterize it once at that size. Image Edtr does this in your browser: it checks the SVG for scripts and external references, then exports PNG, JPEG, or WebP up to 16,384 px wide, with height following the aspect ratio.
Read the guide