Preparing images for a CMS
A 4MB phone photograph on a landing page delays the largest contentful paint badly. Resizing to 1600px and re-encoding to WebP usually cuts it by more than ninety percent.
Shrink JPEG, PNG and WebP files in your browser with a quality slider.
Drop an image here, or choose a file
PNG, JPEG, WebP, GIF or SVG. The file stays on your device.
Images are decoded in memory and re-encoded with the browser's canvas. Nothing is uploaded.
Image Compressor re-encodes an image at a lower quality setting or smaller dimensions using the browser's canvas, producing a smaller file without uploading anything. It is used to bring oversized photographs and screenshots down to a size that will not damage page load time.
A 4MB phone photograph on a landing page delays the largest contentful paint badly. Resizing to 1600px and re-encoding to WebP usually cuts it by more than ninety percent.
Screenshots often contain customer names or internal dashboards. Because compression runs locally, they never leave the machine.
Convert an image into a data URI you can paste into CSS or HTML.
Convert colours between HEX, RGB and HSL notation.
Clone a public website and download HTML, CSS, JavaScript, images and fonts as a ZIP.
See the CMS, framework, analytics and hosting signals behind any public page.
Hand-picked hubs, guides and companion tools related to this page.
Last reviewed 2026-08-10. Browse the full directory.