Medium articles compete for reader attention against a long scroll of other writing, and the visual polish of your images directly affects whether a reader stops to engage with your piece or keeps scrolling.
Loading Image Compressor…
Faster Medium article load times
Sharp rendering on web and mobile app
Better reader engagement metrics
Files never leave your browser
Drop the Image Compressor into any page — blog post, product docs, intranet, school portal — with a single line of HTML. Your visitors get the full tool, processed entirely in their browser. No backend, no uploads, no signup.
Embed code
<iframe
src="https://www.fixtools.io/image-tools/image-compressor?embed=1"
width="100%"
height="780"
frameborder="0"
style="border:0;border-radius:16px;max-width:900px;"
title="Image Compressor by FixTools"
loading="lazy"
allow="clipboard-write"
></iframe>Attribution-friendly: a small "Powered by FixTools" link appears in the embed footer.
Medium serves images through its content delivery network with multiple responsive variants generated from each uploaded original, including WebP variants for modern browsers and JPEG fallbacks for older clients. The Medium reader displays images at up to 1400 pixels wide on desktop and uses CSS scaling for mobile and tablet views. The Medium mobile app pulls the same hosted variants and renders them with native iOS and Android image handling. Pre-compression matters because the CDN variant generation amplifies the qualities of your source. A clean pre-compressed source produces sharper variants at every delivered size, while an oversized uncompressed source produces variants that are unnecessarily large and visually noisier than they could be.
The recommended workflow for Medium is to resize images to 1400 pixels wide before upload, which matches the Medium article body width on desktop. Compressing at JPEG quality 80 to 84 percent typically produces files in the 250 to 450KB range that look sharp across every reading context including high resolution displays. Featured images at the top of an article matter most for the article preview that Medium shows in the homepage feed, in topic pages, and in publication newsletters. A sharp pre-compressed featured image directly improves click through rate from the feed, which feeds back into Medium distribution algorithms that surface high engagement articles to more readers.
Medium articles are often shared on social, and the featured image is what appears in the social preview card on Twitter, LinkedIn, and Facebook. Pre-compressing the featured image at the right dimensions ensures the social preview renders cleanly and consistently across every platform that pulls the Medium OpenGraph metadata. Social platforms typically apply their own additional compression when generating the preview card, so feeding them a clean source produces a sharper preview than starting from an oversized original. The combined effect of better feed click through on Medium and better social preview rendering can significantly increase the audience reach of each article you publish.
For Medium writers who publish on technical, design, or photography topics where image quality directly supports the article argument, pre-compression is especially important. A technical tutorial with screenshots that are too compressed becomes harder to read and undermines the educational purpose. A photography essay with images that load slowly loses readers before they engage with the visual narrative. The right pre-compression balance, typically quality 82 to 86 percent for screenshot and graphic content and quality 80 to 82 percent for photography, preserves the visual quality the article depends on while keeping load times fast enough that readers stay engaged through the full piece.
Upload your Medium article image and set quality to 80 to 84 percent at 1400 pixels wide for clean reader app and web rendering.
Step-by-step guide to compress image for medium:
Resize to Medium article width
Use the FixTools Image Resizer to set the long edge to 1400 pixels, which matches the Medium article body width on desktop and produces clean rendering on the Medium mobile app and tablet views through native image handling.
Open the Image Compressor
Drag the resized file into the FixTools Image Compressor. The compression runs locally in your browser, which matters for embargoed reporting, original photography, and content under publishing partnership exclusivity that should not pass through external services.
Set quality to 80 to 84 percent
Drag the quality slider to a setting between 80 and 84 percent. For typical photography and editorial content at Medium article width, that range produces files between 250 and 450KB that look sharp on every device including high resolution displays.
Upload to your Medium article
Drop the compressed file into the Medium editor through the inline image button. Add a caption and source attribution as needed, then publish or schedule the article. Featured images appear in the Medium homepage feed, topic pages, and social preview cards.
Common situations where this approach makes a real difference:
Technical tutorial with embedded screenshots
A software engineering tutorial on Medium includes 12 inline screenshots showing terminal commands, code snippets, and UI walkthroughs. Original screenshots from a 4K display average 2MB each as PNG. After converting to JPEG at 86 percent quality at 1400 pixel width to preserve text legibility, each screenshot lands at 220KB. The article loads instantly, screenshots remain perfectly readable, and the tutorial gets featured in a Medium curation queue that drives sustained organic traffic over the following weeks.
Long form photography essay
A photography essay on Medium pairs 1500 words of writing with 15 large inline photographs. Original camera exports average 8MB each. After resizing to 1400 pixels and compressing at 82 percent quality, each photo lands at 360KB. The essay reads smoothly on mobile with images loading progressively as the reader scrolls, and reader engagement metrics including scroll depth and clap count outperform the publication average for the writer by a meaningful margin.
Design portfolio article with case study images
A product designer publishes a Medium case study on a recent project with 20 inline mockups, wireframes, and design system screenshots. After establishing a workflow of compressing every image at 84 percent quality at 1400 pixel width, average image weight drops to 290KB and the full case study loads in under 3 seconds on mobile. The article reads as polished and professional, which directly supports the designer credibility that the case study is meant to demonstrate.
Publication featured article social preview
A Medium publication editor selects a featured article for cross promotion on Twitter and LinkedIn. The original featured image is 5MB. After resizing to 1400 by 700 pixels for optimal social preview rendering and compressing at 84 percent quality, the file lands at 320KB. The social preview cards on Twitter and LinkedIn render sharply with no visible compression artifacts, click through rate from social outperforms the publication baseline by 30 percent, and the article reaches a measurably larger audience than typical featured pieces.
Get better results with these expert suggestions:
Resize to 1400 pixels wide for Medium article width
The Medium article body displays at 1400 pixels wide on desktop. Resizing your image to exactly that width before compression eliminates any client side scaling step and produces the sharpest possible display in the reader. Any image wider than 1400 pixels is wasted bytes that slow down the article and produce no visible quality improvement for the reader who never sees the original full resolution.
Use quality 84 to 86 percent for screenshots with text
Screenshots showing code, terminal output, UI walkthroughs, or any content with embedded text are sensitive to JPEG compression at the text edges. Use quality 84 to 86 percent at 1400 pixel width for these image types to preserve text legibility. The slightly larger file size of around 250 to 350KB is worth the readability gain because illegible screenshots completely undermine the educational value of a tutorial article.
Optimize the featured image for social preview cards
The Medium featured image appears in the social preview cards on Twitter, LinkedIn, and Facebook when readers share your article. Resize to 1400 by 700 pixels at the 2 to 1 aspect ratio that most social previews favor, then compress at 84 percent quality. The resulting clean preview card visibly outperforms preview cards built from oversized originals that the social platforms have to compress aggressively themselves.
Keep featured image weight under 400KB for fast feed loading
The Medium homepage feed and topic pages load multiple article preview cards at once, and the featured image is the primary visual on each card. Keeping featured image weight under 400KB ensures the feed loads smoothly even on slower mobile connections, which directly improves the chance a reader stops to click through to your article rather than scrolling past it without engaging.
More use-case guides for the same tool:
Open the full Image Compressor — free, no account needed, works on any device.
Open Image Compressor →Free · No account needed · Works on any device