Resize Image to 100 KB Online

Compress images to exactly 100 KB for fast websites, email newsletters, and CMS uploads. Optimised for Core Web Vitals and Gmail's 102 KB clip threshold.

Default Target Size

Compress images to 100 KB for fast websites, email newsletters, and CMS uploads

100 KB is the most common "web-optimised" image size and the one most front-end performance guides recommend by default. It is small enough that a typical blog post with five images still loads under a second on 4G, and large enough that 800-1200 px wide content images stay sharp on retina displays.

The 100 KB target also has a specific email use case: Gmail clips message bodies above 102 KB, so newsletters that embed multiple inline images need each one under 100 KB to fit within the visible portion. If your subscribers see a "[Message clipped] View entire message" link, image weight is usually the cause.

How Size Compression Works

1

Upload Images

Upload and set target file sizes in KB or MB

2

Smart Compression

Algorithm finds optimal quality for your target

3

Download Results

Get images at exact sizes you need

Resize Image to 100 KB - Web Content Optimization

Why 100 KB is the default target for content images

Gmail 102 KB clip protection

Newsletter platforms (Mailchimp, Substack, ConvertKit, Beehiiv) all warn when total email weight exceeds 102 KB. Keeping each image under 100 KB gives you headroom for HTML, fonts, and tracking pixels.

Core Web Vitals (LCP) target

Google considers LCP under 2.5 seconds "good." A 100 KB hero image decodes in 100-300 ms on most devices, leaving the rest of the budget for fonts, JS, and rendering — comfortable margin on most stacks.

CMS upload ergonomics

WordPress, Ghost, Wix, Squarespace, and most modern CMSs let you upload larger files but quietly compress them server-side. Pre-compressing to 100 KB means you control the quality instead of leaving it to a generic CMS encoder.

Mobile data friendliness

For users on metered or poor connections, 100 KB images load reliably. The same page with 1 MB hero images often fails to load images at all on weak signals, leaving broken-image placeholders.

Pages and platforms where 100 KB is the right target

📧 Email newsletters

Mailchimp, Substack, Beehiiv. Keep each inline image under 100 KB to avoid Gmail clipping. The rest of your 102 KB budget covers HTML and CSS.

📰 Blog featured and inline images

For 800-1200 px content widths, 100 KB at JPEG quality 75-80 looks sharp on phones, tablets, and laptops. Use 200 KB for full-bleed magazine layouts.

🏪 E-commerce gallery thumbnails

Shopify, WooCommerce, BigCommerce thumbnails (400-600 px). Customers see crisp images and pages stay fast on the listings grid.

🏢 Marketing landing pages

Above-the-fold hero, testimonial portraits, feature illustrations. 100 KB per image keeps total page weight low and CWV scores green.

📱 Mobile app store screenshots

The Apple App Store and Google Play accept up to 8 MB per screenshot, but 100-200 KB is enough for the listing display sizes (90% of impressions are on phones).

💼 LinkedIn article header images

LinkedIn re-compresses everything, but starting at 100 KB protects against double-compression artifacts. Recommended dimensions: 1200×627 px.

A repeatable 100 KB workflow

1. Decide the rendered width first

For a blog post that displays images at 900 px, your source does not need to be larger than 1800 px (2× for retina). Resizing to that width first dramatically improves output quality at 100 KB.

2. Pick the format honestly

For photos: JPEG. For UI screenshots, diagrams, and graphics with text: PNG (you may have to accept 150-300 KB) or WebP (often half the size of JPEG at the same quality). The tool defaults to JPEG, which is the right choice 80% of the time.

3. Set 100 KB and inspect with Compare

The tool runs a binary search across JPEG quality and lands within ~5% of 100 KB. Use the Compare button to spot-check skin tones, sharp edges, and text in screenshots — if anything looks off, redo with a smaller starting width.

4. Test in the actual layout

Drop the file into a draft post or a staging page and view it on your phone. Web images often look different in context than they do in a comparison tool — small banding becomes visible against a white page.

Decisions that make 100 KB work or fail

Resize down, then compress

Compressing a 4000 px image to 100 KB gives a soft 4000 px image. Resizing it to 1200 px first, then compressing to 100 KB, gives a sharp 1200 px image. Always resize first when you control the rendered width.

Use WebP when your traffic supports it

WebP averages 25-35% smaller than JPEG at the same perceived quality. All modern browsers (Chrome, Firefox, Safari 14+, Edge) support it. If your site can serve WebP with a JPEG fallback (most static-site generators do this), you can hit 100 KB at noticeably higher quality.

Prefer one large hero over many small images

A single 100 KB hero image plus inline text outperforms a page with ten 30 KB illustrations on most CWV metrics, because each image still costs an HTTP request, render-blocking decode, and CLS recalculation.

Mistakes that cancel the speed benefit

Compressing twice in different tools

If you compress in Photoshop and then in this tool, both passes apply lossy JPEG. The artifacts compound and produce visible blocking. Pick one tool per file.

Loading 100 KB images you never use

Lazy-load images that are below the fold (loading="lazy" attribute on the <img> tag). Otherwise the whole page is forced to download every 100 KB image even when the visitor never scrolls to them.

Forgetting to set width and height attributes

A 100 KB image without explicit dimensions causes layout shift (CLS) when it loads. Always set width and height on the &lt;img&gt; tag — even when you use CSS to make the image responsive.

Treating 100 KB as a hard rule

100 KB is a default, not a law. A 1600×900 px hero on a corporate site looks better at 180 KB than at 100 KB; an icon should be 4 KB, not 100. Match the target to the rendered size and visibility of each image.

Frequently Asked Questions - Resize Image to 100 KB