PNG to JPG Crop Converter

Load a PNG, drag the crop handles to define exactly the area you need, preview the result, then download a compact JPG. Everything runs in your browser — your image never leaves your device.

🖼️

Drop a PNG here

or Browse Files  ·  PNG supported

What This Tool Does

This tool loads a PNG image directly in your browser using URL.createObjectURL and img.decode() for reliable, guaranteed non-blank rendering. It presents an interactive crop overlay with draggable handles, and converts the selected area to a compact JPG file. No server upload is required. The full workflow — loading, cropping, encoding — runs entirely in client-side JavaScript using the HTML5 Canvas API. Transparent areas in the source PNG are composited over a white background before export, ensuring a clean result. The output is a high-quality JPEG (quality 0.92) compatible with every browser, device, email client, and image editing application.

Who This Is For

  • Web developers and designers who need to extract a specific region from a PNG and export it as a universally compatible JPG for the web
  • Content creators who receive PNG assets and need a cropped JPG version for social media, email, or CMS uploads
  • Anyone needing to trim and convert a PNG to JPG without installing Photoshop or GIMP
  • Users who want to reduce PNG file sizes by converting cropped regions to the more compact JPG format

PNG vs JPG: Format Comparison

PropertyPNGJPG
CompressionLossless (DEFLATE)Lossy DCT
Color depth8-bit, 24-bit, or 48-bit24-bit (16.7 million colors)
Transparency supportYes — full alpha channelNone — white or custom background
File sizeLarger — lossless storageSmaller — adjustable quality
Web compatibilityUniversalUniversal
Photo reproductionExcellent — losslessExcellent — full color range
Animation supportAPNG only (limited support)No (static only)
Best forGraphics, logos, screenshotsPhotos, web images, social media

Frequently Asked Questions

What JPG quality setting does the tool use?
The tool exports at quality 0.92 (on a 0–1 scale), which is considered high quality. At this setting, JPEG compression artifacts are minimal and the result is visually excellent for virtually all web, print, and social media use cases. The trade-off is a file that is much smaller than the original lossless PNG while retaining full-color detail.
How precise is the crop tool?
The crop operates at native pixel accuracy on the original PNG dimensions. The canvas is scaled to fit your screen for display, but the actual crop coordinates are mapped back to the full-resolution image before the JPG is generated. You get a JPG at the exact pixel dimensions shown in the crop dimensions badge.
Can I move the crop selection after setting it?
Yes — click and drag anywhere inside the crop rectangle (away from the handles) to reposition it anywhere within the image. Handles resize; the interior pans.
What happens to transparent pixels from the PNG?
JPG does not support transparency. Before encoding, the tool composites the cropped area over a solid white background. Any pixels that were transparent in the PNG will appear white in the output JPG. This is the standard approach and ensures a fully compatible result.
What browsers are supported?
All modern browsers — Chrome, Firefox, Edge, Safari (desktop and mobile). The tool uses standard HTML5 Canvas and Blob APIs that have been universally supported since 2015.
Is there a file size limit?
There is no server-imposed limit because no upload occurs. The practical limit is your browser's available RAM. Most modern desktops handle PNG files comfortably. Very large files on memory-constrained mobile devices may be slower to process.