Create image in different quality and resolution
Original
Drop an image here
Adjusted
Image (gif/jpg/png/svg/webp) URL:











Notes:
  1. BMP does not compress image, therefore the filesize is the largest and take long to download, so these days people do not use it for webpage.
  2. JPG support lossy compression to remove color to make smaller filesize, with same quality of real photo image the filesize is smaller compare to PNG.
  3. PNG only use lossless compression therefore it is not reducing quality (colors), if an image has not many colors then PNG image filesize is smaller than JPG image filesize.
  4. WebP support both lossy (from 1% to 99%) and lossless compression (100%), it is a newer image format that has smaller filesize compare to JPG and PNG with the same quality, these days many webpages are using WebP.
  5. Vector image (SVG) can be displayed in this tool only if it has "width" and "height" in main svg tag.
Brief summary of some images (not complete list) used/supported by web browsers (Google Chrome, Firefox, Microsoft Edge, Apple Safari).
Format Quality compression Transparent Animation Bits per-color
BMP 24 bits
GIF ✓ ✓ ✓ Only 8-bits (no alpha) or 7-bits + 1-bit alpha
JPG/JPEG ✓ 24 bits
PNG ✓ 8-bits (7-bits + 1-bit alpha) or 32-bits (24-bits + 8-bits alpha)
WebP ✓ ✓ ✓ 24-bits + 8-bits alpha