Websites and banners, made understandableImages · Code · WordPress
Home / Images
THE WEB ARTICLE INDEX

Images

Resize, crop and rotate photos, remove backgrounds, and choose between raster and vector graphics. Start with the result you need, then check the exported image.

01

Resize a photo without losing useful detail

Pixel dimensions, file size and displayed size are different quantities. First decide where the image will appear, then prepare the pixels it needs, and finally tune compression.

02

A transparent background without a white halo

Transparency is alpha-channel information. The editor’s checkerboard helps reveal it, but must not become part of the exported picture.

03

Raster or vector: choose for the job

A photograph is made of pixels; vector artwork describes shapes. Choose by content rather than assuming that vector is always better.

04

Take a screenshot that helps solve the problem

A useful screenshot shows the error and its context without exposing passwords, private messages or payment details. Select the region and inspect the saved file before sharing.

05

Crop part of a photo while keeping the original

Cropping changes the frame. Resizing changes the number of pixels. Mixing them up can stretch a person or product unexpectedly.

06

Sharpen a photo without halos

Sharpening increases local contrast. It cannot reliably recover details absent from the source and does not replace correct focus.

07

Black-and-white photos: shape light, not just colour

Desaturation and deliberate monochrome editing produce different results. The important question is separation between subject and background, not merely the absence of saturation.

08

Rotate an image, layer or horizon

Rotating the canvas and transforming one layer solve different problems. First decide whether the entire document or only one object needs to change.

09

Mirror an image or a single object

Mirroring swaps sides and is not a rotation. It can help a composition, but may change the meaning of a photograph containing lettering or a recognisable location.

10

Rounded corners without another image file

For a web page, CSS often handles rounding more conveniently. Edit the actual image when it will be used outside your layout or must contain transparent corners.

11

Image borders: decide where they belong

A border can belong to the photograph or to the interface. Keep the distinction: card borders are easier to change in CSS; artistic framing belongs in an editable document.