30.80 kB

(-93.51%)
474.76 kB
Download
Copy data URI
Upload new file

Expert mode

Offers more options to compress your image.

Reset parameters

Preprocessing

Size (%)

Defines the dimensional size of the resulting image.

Trim

Removes any borders or edges of an image which did does not change in color or transparency.

Trim fuzz (%)

Defines a threshold for colors that are not-exactly the same, but should be treated as being the same.

512x512 px โ–ถ 512x512 px

A JPEGs width and height should be a multiple of 8. The first value is the one of the actual image. The second your image will be changed to if you choose "Crop down" or "Cover".

Crop down

Will crop the image at the right and the bottom edge to the next lower width and height which is divisible by eight.

This will lower the file size disproportionately higher in comparison to the pixels that get cropped.

Cover

Resizes the image to the next lower width and height which is divisible by eight.

To avoid a distorted image it is possible you will loose some pixel information at the sides (left/right or top/bottom).


Brightness

Adjusts the brightness of the resulting image.

Contrast

Adjusts the contrast of the resulting image.


Blurring radius (px)

The Selective Blur is used to blur a background so it can be better compressed.

Contrary to other blur algorithms, the Selective Blur doesn't act on all pixels: blur is applied only if the difference between its value and the value of the surrounding pixels is less than a defined threshold value. So, contrasts are preserved because difference is high on contrast limits.

Blurring threshold (%)

The Selective Blur is used to blur a background so it can be better compressed.

Contrary to other blur algorithms, the Selective Blur doesn't act on all pixels: blur is applied only if the difference between its value and the value of the surrounding pixels is less than a defined threshold value. So, contrasts are preserved because difference is high on contrast limits.


Keep metadata

Keeps the meta data (EXIF, IPTC, XMP) of the original image including ICC color profiles.

Compression

Colorspace

Choose »Grayscale« if you want to discard all color information in the resulting JPEG. Results in smaller file size.

Btw. Photoshop creates RGB JPEGs from grayscale images.

More in my article Finally understanding JPG (#Grayscale JPG)
and at https://en.wikipedia.org/wiki/Color_space.

Color subsampling

Color subsampling is the practice of encoding images by implementing less resolution for color information than for brightness information, taking advantage of the human visual system‘s lower acuity for color differences than for brightness (from Wikipedia).

2x2 (4:2:0)
» smaller file size
Breaks the image into 2x2 pixel blocks and only stores the average color information for each 2x2 pixel group (default).
1x1 (4:4:4)
» bigger file size
The color information of every pixel will be stored.

More in my article Finally understanding JPG (#Chroma Subsampling)
and at https://en.wikipedia.org/wiki/Chroma_subsampling.


Brightness quality

Defines the quality for the brightness channel. Low quality results in more blocking artifacts.

More in my article Finally understanding JPG (#Quality vs quantization tables).

Color quality

Defines the quality for the color channels. Low quality results in wrong colors. Most of the time you can choose a value lower than the value of the brightness quality.


Amount of details (%)

Determines how many details are visible in the resulting image. Influences the quantization tables directly.

The graph shows all 64 values of a quantization table lined up in a row, following the zigzag pattern of the JPEG specification. On the X-axis, the first value therefore corresponds to the DC of the quantization table, followed by the AC values for the details of the image.

The gray line shows the values for a calculated quantization table (based on Appendix I of the JPEG specification) of a selected quality value, while the blue line shows the values of the actually used quantization table, which differs from the gray line if the "Amount of Details" slider was used. In this case, the quantization values for the detailed areas of the image are larger and thus the image is less detailed. To make it easier to see that larger values lead to a decrease in quality, the Y-axis has been reversed.

Practically this means: If you want to create the smallest possible image with good quality, first decrease the quality so far that you don't see any block artifacts anymore. Block artifacts are the most obvious and disturbing artifacts, so they should be avoided in the first place. Then reduce the amount of details as much as you find it acceptable.

Amount of details exponent

Influences how much the "Amount of Details" detail reduction is amplified for more detailed image regions (AC patterns).


Brightness quantization table
  • Current table at Q 75 with details at Q 75
  • Standard table at Q 75
Show as table
865812202631
6671013293028
7781220293528
79111526444031
911192834555239
1218283241525746
2532394452616051
3646484956505250
Color quantization table
  • Current table at Q 50 with details at Q 50
  • Standard table at Q 50
Show as table
1718244799999999
1821266699999999
2426569999999999
4766999999999999
9999999999999999
9999999999999999
9999999999999999
9999999999999999

Structure

Progressive
Image information will be stored from less details to more details. So a big image will be instantly visible but in low quality (default).
Baseline
Pixel information will be stored sequentially in the JPEG file. So a big image will get visible step by step in full resolution.
JPEG < 10 kB
Baseline (75% chance of smaller image)
JPEG > 10 kB
Progressive (94% chance of smaller image)

More in my article Finally understanding JPG (#Structure of the file).

Photoshop compatible

Allows to ensure the compatibility with Adobe Photoshop that cannot read the generated JPEGs. Results in a slighly larger file size.

Useful for photographers who need to open the JPEGs in Photoshop at a later time.


Use selective quality

Allows to have two different quality settings for different parts of the image.


Create mask

Brightness quality (%)

Defines the quality for the brightness channel. Low quality results in more blocking artifacts.


Use transparency

Keeps transparency. This is only possible if you use this image in an HTML environment because you have to add javascript code.

#

Background color

Defines the background color if the transparency of the JPEG is not kept. Set the color in a hexadecimal format as you would do in e.g. in CSS.

Very useful if you have a transparent product image and want to flatten it on a defined background color.


Trellis Quantization

Trellis quantization is an adaptive quantization technique that select the set of levels in a transform block that minimises a rate-distortion metric.

Yes
Softer image, smaller file size (default).
No
Sharper image, bigger file size.

More at http://en.wikipedia.org/wiki/Trellis_quantization

You want to learn about JPEG?

Learn more about JPEG compression in my article Finally understanding JPEG.

Image Compression News

Christoph Erdmann
Christoph Erdmann
McSodbrenner
2021-04-07
Bielefeld, Germany

Here it is, the brand new SVG Compressor: compress-or-die.com/svg ๐ŸŒŸ It's actually based on "svgo", but I added an "Extreme compression" option which reduced the file size by 6 to 16% in my experiments. At the moment it is experimental ๐Ÿงช and I appreciate your feedback.

Open tweet 6 14