Photo editing handbook

Better edits, one practical technique at a time

These guides explain the decisions behind clean, web-ready images—not just which button to press.

Guide 01

Use layers to keep edits reversible

A layer is an independent piece of a composition. A background photo, a headline, a logo and a hand-drawn mark can each live on separate layers. This matters because moving or deleting one element does not permanently change the others.

Start with the original photo as the bottom layer. Duplicate it before aggressive color or retouching work, then hide the duplicate. Add text and shapes on their own layers and give layers descriptive names when a project becomes complex. Keep the most visually important objects near the top of the layer list.

Opacity controls how strongly a layer appears. Lower opacity is useful for subtle watermarks, soft overlays and texture. When the edit is finished, export a flat image for the web but keep a layered project copy if you may revise it later.

Guide 02

Crop for composition, resize for delivery

Cropping removes part of the image and changes its framing. Resizing changes pixel dimensions. They solve different problems and are best performed in that order: decide what should remain in the frame, crop it, and then resize the result for its destination.

Common social and publishing formats use different aspect ratios. A square image uses 1:1, a widescreen hero image often uses 16:9, and portrait social posts frequently use 4:5. Position faces and key objects away from the extreme edges so responsive layouts do not make the composition feel cramped.

When reducing size, preview fine text and sharp edges at 100%. Repeatedly enlarging a small raster image cannot create genuine detail and may produce softness or visible artifacts. Whenever possible, begin with the largest clean original available.

Guide 03

Create a clean transparent background

Transparency is useful for logos, product cutouts, stickers and layered compositions. PNG and WebP can preserve transparent pixels; JPEG cannot. If you export transparency as JPEG, empty areas will be replaced with a solid color.

For a simple single-color background, select or erase the background and zoom in around hair, fabric and curved edges. A hard-edged eraser may create a visible halo, so use a smaller brush or a selection with a lightly softened edge. Place a temporary contrasting color underneath the cutout to reveal missed pixels, then remove that test layer before export.

Guide 04

Choose the right export format

Use JPEG for photographs when a small file matters and transparency is not needed. Increase quality until important textures look clean, but remember that the highest setting can create a much larger file with little visible benefit. Use PNG for graphics, screenshots, sharp text and transparency. WebP often produces smaller files for modern websites while supporting both photographic content and transparency.

Export dimensions matter as much as file format. A website rarely needs a multi-megapixel image displayed in a small card. Delivering an appropriately sized image improves loading speed and reduces bandwidth without changing the visible result.

Guide 05

A dependable five-step workflow

  1. Protect the original. Open a copy or duplicate the base layer.
  2. Fix composition. Straighten, rotate and crop before detailed work.
  3. Correct the image. Adjust brightness, contrast and color with restraint.
  4. Add design elements. Keep text, shapes and marks on separate layers.
  5. Inspect and export. Check edges at 100%, then choose dimensions and format for the final destination.

Good editing is usually a sequence of small, intentional changes. Save intermediate work before combining layers so a future revision does not require starting over.

Put the techniques into practice

Open LumiPixel and edit locally in your browser.

Launch the photo editor