[{"data":1,"prerenderedAt":121},["ShallowReactive",2],{"\u002Fdocs\u002Freduce-screenshot-file-size":3,"\u002Fdocs\u002Freduce-screenshot-file-size-adjacent":112},{"id":4,"title":5,"body":6,"category":101,"description":102,"extension":103,"eyebrow":104,"meta":105,"navigation":106,"path":107,"published":108,"seo":109,"stem":110,"__hash__":111},"docs\u002Fdocs\u002Freduce-screenshot-file-size.md","How to reduce screenshot file size without ruining text",{"type":7,"value":8,"toc":93},"minimark",[9,13,18,21,25,34,50,57,60,66,70,73,77,80],[10,11,12],"p",{},"Screenshots are not ordinary photos. Small text, one-pixel lines, flat colors, and sharp boundaries make compression artifacts easy to notice. Start with dimensions and format before pushing quality lower.",[14,15,17],"h2",{"id":16},"crop-before-you-compress","Crop before you compress",[10,19,20],{},"Remove unused browser chrome, blank margins, and unrelated panels in the capture tool that created the screenshot. This product does not include an editor, so cropping must happen before you add the file. Fewer pixels reduce both file size and visual distraction.",[14,22,24],{"id":23},"match-the-intended-display-width","Match the intended display width",[10,26,27,28,33],{},"Documentation rarely needs a full-resolution desktop capture. In the ",[29,30,32],"a",{"href":31},"\u002Fimage-resizer\u002F","image resizer",", set a maximum width that matches the content column or presentation. Keep aspect ratio and “do not enlarge” enabled. Review the output at its actual display size, not only zoomed out.",[10,35,36,37,41,42,45,46,49],{},"For example, entering 960 in ",[38,39,40],"strong",{},"Maximum width (px)"," and leaving ",[38,43,44],{},"Maximum height (px)"," blank reduces this generated 1280 × 720 interface sample to 960 × 540. The tool keeps the proportions automatically. In ",[38,47,48],{},"Advanced settings",", Quality is set to 100 to avoid PNG color reduction; resizing still changes the pixels, so check small text in your own screenshot before choosing a width.",[10,51,52],{},[53,54],"img",{"alt":55,"src":56},"Resize settings with a 960-pixel maximum width, no height limit, and PNG quality 100","\u002Fdocs\u002Fimage\u002F2026\u002Fresize-screenshot-960-workspace.webp",[10,58,59],{},"The result lists the new dimensions beside the original. This sample demonstrates the resize workflow; its simple generated shapes do not establish how readable your own text will be.",[10,61,62],{},[53,63],{"alt":64,"src":65},"PNG result showing the original 1280 by 720 dimensions and the resized 960 by 540 output","\u002Fdocs\u002Fimage\u002F2026\u002Fresize-screenshot-960-results.webp",[14,67,69],{"id":68},"choose-the-format-by-content","Choose the format by content",[10,71,72],{},"PNG often keeps flat interface regions and text edges clean, but lossless encoding may remain large. WebP can preserve transparency and reduce size for some screenshots, though the destination must support it. JPEG can work for photo-heavy captures but has no alpha and may create halos around text.",[14,74,76],{"id":75},"inspect-the-risky-areas","Inspect the risky areas",[10,78,79],{},"Open the download and check small labels, code, thin dividers, icons, and color gradients. If text looks soft, raise quality or keep PNG and reduce dimensions instead. A strict target can be unreachable without an unacceptable tradeoff; the tool should say so plainly.",[10,81,82,83,87,88,92],{},"Re-encoding can remove or change metadata and color-profile information. Keep the original screenshot as the source of truth. For the underlying tradeoff, read ",[29,84,86],{"href":85},"\u002Fdocs\u002Fimage-quality-vs-resolution\u002F","image quality versus resolution",". For general encoder behavior, see ",[29,89,91],{"href":90},"\u002Fdocs\u002Fhow-image-compression-works\u002F","how image compression works",".",{"title":94,"searchDepth":95,"depth":95,"links":96},"",2,[97,98,99,100],{"id":16,"depth":95,"text":17},{"id":23,"depth":95,"text":24},{"id":68,"depth":95,"text":69},{"id":75,"depth":95,"text":76},"resize-quality","Reduce screenshot dimensions and choose a suitable format while protecting text, interface edges, and transparency.","md","Screenshot workflow",{},true,"\u002Fdocs\u002Freduce-screenshot-file-size","2026-10-08",{"title":5,"description":102},"docs\u002Freduce-screenshot-file-size","8dzLmXkwLKcK08cU_9Q3XKzINLf5mN0wQCYmrx1JwVU",[113,117],{"title":114,"path":115,"stem":116,"children":-1},"What EXIF metadata can contain","\u002Fdocs\u002Fwhat-exif-metadata-contains","docs\u002Fwhat-exif-metadata-contains",{"title":118,"path":119,"stem":120,"children":-1},"How to reduce image size for presentations","\u002Fdocs\u002Freduce-image-size-for-presentations","docs\u002Freduce-image-size-for-presentations",1793623265331]