Meta: compression artifacts

Localized disruptions in a digital image introduced by the compression method. This includes banding, chromatic aberrations (unless the image is a picture), noise around the edges, and, in the worst cases, apparent pixelization.

This tag is meant for use on images where the artifacts are distinctly visible when viewing the image normally, at original size (100% zoom).

Common artifacts on gifs (from color quantization) : Compression dithering, Color banding
post #860413 post #574852

Common artifacts on jpegs (from block splitting): Blocky edges, Chromatic noise
post #985208

Common artifacts on webms (from image reconstruction) : Edge floating, Inter-frame errors, Noisy edges, Blocky motion compensation
post #1511160 post #1124398 post #1141450 post #1177813

Detailed breakdown of each format

Uncompressed (or even inappropriately compressed) images are generally too large to share without issues, especially on the internet were bandwidth is limited. Unlike video compression, where there are all sorts of codecs for all sorts of purposes, image compression mostly comes down to three ubiquitous and universally supported formats: PNG, JPEG, and GIF. PNG is considered to be a lossless format, while JPEG and GIF are said to be lossy, which is the part where compression artifacts start to appear.

The compression methods for GIF and PNG are rather simple. GIF defines a palette of 256 colors and draws the rest of the image with only those colors. The compression artifacts emerge when the palette isn't quite wide enough to paint everything, meaning the colors have to be interpolated to the nearest equivalent. PNG is essentially just an uncompressed bitmap compressed with gzip, which is why none of the original data is actually lost.

JPEG images go through a much more complex transformation that involves splitting the image into 8x8 pixel blocks and performing compression operations on those individual blocks as well as across all of them as if it were a lower resolution image. The process itself hasn't changed in a while mostly because it has proved to work extremely well on pictures and because further research has proved that there isn't a lot of room for improvement.

Image compression best practices

As a rule of thumb, it's recommended to use PNG for digital 2D images (since there's no sensor noise, compression artifacts are much more noticeable on those) with the exception of pixel art, which tends to work equally well with PNG and GIF. GIF has been the default format for animations on the web for a long time (it's the only format of the three that supports them), although video loops (as popularized by gfycat, 4chan, imgur and the like) are beginning to replace them.

If you absolutely need to save in JPEG, however, keep in mind that JPEG compression artifacts happen when the compression factor is set too low while exporting the image. Most programs that deal with images will give the user a choice of compression level when saving the file. Don't go below q=80 quality (note: some programs would label this setting differently, as 20% compression). Even better, save at q=90 quality (10% compression), or use an image format such as PNG that uses lossless compression.

Reopening the image to perform a few changes on it (or even no changes at all) means the compressed image is decompressed into a degraded state and recompressed afterwards, which means that not only is it impossible to make it look clean again, but every subsequent save you will make will cause further quality loss.

For the shading technique employed in pixel art (to fake extra colors, mainly), see dithering. If said dithering is not intentional on the artist's part and instead due to the compression process, it's a compression artifact.

The following tags are aliased to this tag: badly_compressed, jpeg_artefacts, resaved_jpeg, jpeg_artifacts, compression_artefacts, bad_compression (learn more).

Posts (view all)

1:1 2024 anthro brown_body brown_fur clothed clothing compression_artifacts cute_fangs digital_media_(artwork) female female_anthro fur hair hair_over_eye happy hyena internet_yamero japanese_text jk_(kemokin_mania) kemokin_mania kemono mammal meme needy_streamer_overload one_eye_obstructed open_mouth purple_eyes redraw silver_hair solo spotted_hyena text tongue translated
↑6♥4C0S
2024 ambiguous_anthro ambiguous_gender ambiguous_pred ambiguous_prey animate_inanimate anthro anthro_pred azure_(flufpan) bell bell_collar belly belly_on_ground belly_squish big_belly big_eyes big_pupils biped blue_belly blue_body blue_countershading blue_fur blue_inner_ear blue_tail_tuft cheek_tuft collar collar_only compression_artifacts countershade_belly countershade_torso countershading dialogue digital_drawing_(artwork) digital_media_(artwork) dragon ears_up english_description english_text facial_tuft feet flufpan full-length_portrait fully_inside fur furred_dragon furred_scalie head_tuft hi_res inner_ear_fluff jingle_bell jingle_bell_collar living_clothing living_fursuit looking_at_belly looking_at_self lying monotone_arms monotone_background monotone_face monotone_feet monotone_hands monotone_legs multicolored_body multicolored_fur mythological_creature mythological_scalie mythology neck_bell noseless nude on_front one_eye_closed patch_(fabric) portrait pupils purple_background red_collar scalie seam_(sewing) side_view simple_background soft_vore solo squish tail tail_tuft talking_to_another talking_to_prey tapering_tail text toony tuft two_tone_body two_tone_fur unseen_prey vore white_arms white_body white_ears white_face white_feet white_fur white_hands white_inner_ear_fluff white_legs white_tail
↑21♥54C0Q
2024 against_surface ambiguous_anthro ambiguous_gender animate_inanimate anthro azure_(flufpan) bell bell_collar belly belly_on_glass belly_squish big_eyes big_pupils biped black_background blue_belly blue_body blue_countershading blue_fur blue_inner_ear blue_tail_tuft bodily_fluids cheek_tuft chest_tuft collar collar_only compression_artifacts countershade_belly countershade_torso countershading creepy_smile digital_drawing_(artwork) digital_media_(artwork) dragon dripping drooling ellipsis english_description english_text face_on_glass facial_tuft flufpan front_view fur furred_dragon furred_scalie hand_on_glass head_tuft inner_ear_fluff jingle_bell jingle_bell_collar living_clothing living_fursuit looking_at_viewer monotone_arms monotone_background monotone_face monotone_hands multicolored_body multicolored_fur mythological_creature mythological_scalie mythology neck_bell noseless nude on_glass open_mouth open_smile patch_(fabric) portrait pupils red_collar saliva saliva_drip saliva_string scalie seam_(sewing) shadow simple_background smile smiling_at_viewer solo squish tail tail_tuft tapering_tail teeth text three-quarter_portrait tongue toony tuft two_tone_body two_tone_fur white_arms white_body white_ears white_face white_fur white_hands white_inner_ear_fluff white_tail wide_smile
↑6♥16C0Q
2024 absurd_res ambiguous_anthro ambiguous_gender animate_inanimate anthro archived_source azure_(flufpan) bell bell_collar belly big_eyes big_pupils biped blue_belly blue_body blue_countershading blue_ears blue_face blue_fur blue_hands blue_inner_ear blue_tail_tuft bodily_fluids cast_shadow cheek_tuft chest_tuft clothed clothing collar collar_only compression_artifacts corner countershade_belly countershade_torso countershading creepy_smile digital_drawing_(artwork) digital_media_(artwork) dragon duo ellipsis english_text facial_tuft feet flufpan fur furred_dragon furred_scalie head_tuft head_turn hi_res inner_ear_fluff jingle_bell jingle_bell_collar larger_ambiguous larger_anthro living_clothing living_fursuit looking_around_corner looking_at_viewer looking_back looking_back_at_viewer mammal monotone_body monotone_face monotone_feet monotone_fur monotone_hands multicolored_body multicolored_fur mythological_creature mythological_scalie mythology neck_bell noseless nude onomatopoeia open_mouth open_smile patch_(fabric) pupils red_collar ringing_bell saliva saliva_string scalie seam_(sewing) sequence shadow size_difference smaller_ambiguous smaller_anthro smile smiling_at_viewer sound_effects tail tail_tuft tapering_tail teeth text tongue toony topwear tuft two_tone_body two_tone_fur white_body white_clothing white_ears white_face white_feet white_fur white_inner_ear_fluff white_tail white_topwear wide_smile
↑5♥11C0QU