How to Shrink Images for Email and Websites

Large images slow down web pages, fill email attachments and burn mobile data. A single photo from a modern phone can be several megabytes, which is far more than a blog or a newsletter needs. Shrinking images is a basic digital skill that takes only a few minutes once you understand three ideas: dimensions, format and compression.

Idea 1: Dimensions (width and height in pixels)

Dimensions matter most. A phone photo may be 4000 pixels wide, but a blog column is usually displayed at 700 to 1200 pixels. Sending the full size wastes data because the browser shrinks it anyway. As a rule of thumb, resize to roughly the largest size it will actually be shown, or up to about two times that for sharp screens.

Idea 2: File format

Different formats suit different content:

Idea 3: Compression quality

Lossy formats such as JPEG and WebP let you choose a quality level. For photographs, a quality of about 70 to 85 percent is usually a good balance: file size drops sharply while differences are hard to notice. Always compare the result on screen before saving.

A typical before-and-after

The chart below shows the kind of reduction you can expect when you process a large phone photo. The numbers are illustrative and will differ with your image, but the pattern is common: resizing gives the biggest saving, compression a further one.

Step-by-step: shrink an image without special software

1. On Windows: open the picture in Photos or Paint, choose Resize, set the width (for example 1200 pixels) and keep the aspect ratio, then save a copy.
2. On macOS: open the picture in Preview, go to Tools and Adjust Size, set the width, and export as JPEG with a quality slider.
3. On a phone: many gallery apps and free editors have a resize or "export size" option. Choose a medium size when sharing.
4. Online tools: free browser-based compressors exist. Avoid uploading private or sensitive photos to unknown sites.

Email-specific tips

Many email providers limit attachments to around 20 to 25 megabytes in total, and recipients on slow connections will thank you for smaller files. If you must send many photos, use a cloud link instead of attaching them. For a single photo, aim for under 500 KB unless print quality is required.

Website-specific tips

• Set a width and height on images in your HTML so the layout does not jump while loading.
• Add descriptive alt text, which helps screen reader users and gives context if an image fails to load.
• Use meaningful file names such as weekly-planner-example.jpg instead of IMG_2931.jpg.
• Do not upload originals and rely on the browser to shrink them.

Common mistakes

• Compressing a file that is already compressed several times. Each save of a JPEG loses a little quality, so always work from the original.
• Resizing a small image upward, which makes it blurry.
• Using PNG for photographs, which results in huge files.

Keep the original, make a smaller copy for the web or email, and check it visually before sending. With a little practice this becomes a one-minute habit.