Joint Photographic Experts Group

Joint Photographic Experts Group (JPEG), Grupo Conjunto de Expertos en Fotografa, es el nombre de un comit de expertos que cre un estndar de compresin y
codicacin de archivos e imgenes jas. Este comit fue
integrado desde sus inicios por la fusin de varias agrupaciones en un intento de compartir y desarrollar su experiencia en la digitalizacin de imgenes. La ISO, tres aos
antes (abril de 1983), haba iniciado sus investigaciones
en el rea.

crominancia; es decir, capta ms claramente los cambios

de brillo que de color. El otro es que nota con ms facilidad pequeos cambios de brillo en zonas homogneas
que en zonas donde la variacin es grande; por ejemplo
en los bordes de los cuerpos de los objetos.

Una de las caractersticas del JPEG es la exibilidad a la

hora de ajustar el grado de compresin. Un grado de compresin muy alto generar un archivo de pequeo tamao,
a costa de una prdida signicativa de calidad. Con una
Adems de ser un mtodo de compresin, es a menudo tasa de compresin baja se obtiene una calidad de imaconsiderado como un formato de archivo. JPEG/Exif gen muy parecida a la del original, pero con un tamao
es el formato de imagen ms comn, utilizado por las de archivo mayor.
cmaras fotogrcas digitales y otros dispositivos de cap- La prdida de calidad cuando se realizan sucesivas comtura de imagen, junto con JPG/JFIF, que tambin es otro presiones es acumulativa. Esto signica que si se comformato para el almacenamiento y la transmisin de im- prime una imagen y se descomprime, se perder calidad
genes fotogrcas en la World Wide Web. Estas variacio- de imagen, pero si se vuelve a comprimir una imagen ya
nes de formatos a menudo no se distinguen, y se llaman comprimida se obtendr una prdida todava mayor. CaJPEG. Los archivos de este tipo se suelen nombrar con da sucesiva compresin causar prdidas adicionales de
la extensin .jpg.
calidad. La compresin con prdida no es conveniente

en imgenes o grcos que tengan textos, lneas o bordes muy denidos, pero s para archivos que contengan
grandes reas de colores slidos.

Compresin del JPEG

2 Codicacin
Muchas de las opciones del estndar JPEG se usan poco. Esto es una descripcin breve de uno de los muchos
mtodos usados comnmente para comprimir imgenes
cuando se aplican a una imagen de entrada con 24 bits por
pixel (ocho por cada rojo, verde, y azul, o tambin dicho
8 bits por canal). Esta opcin particular es un mtodo
de compresin con prdida.

2.1 Transformacin del espacio de color

Comparativa de calidad entre la imagen original, comprimida en

JPG (con prdida) y comprimida en WebP (con prdida).

Comienza convirtiendo la imagen desde su modelo de color RGB a otro llamado YUV YCbCr. Este espacio de
color es similar al que usan los sistemas de color para
televisin PAL y NTSC, pero es mucho ms parecido
al sistema de televisin MAC (Componentes Analgicas
Multiplexadas).

El formato JPEG utiliza habitualmente un algoritmo de

compresin con prdida para reducir el tamao de los
archivos de imgenes, esto signica que al descomprimir
o visualizar la imagen no se obtiene exactamente la misma imagen de la que se parta antes de la compresin.
Existen tambin tres variantes del estndar JPEG que
comprimen la imagen sin prdida de datos: JPEG2000,
JPEG-LS y Lossless JPEG.

Este espacio de color (YUV) tiene tres componentes:

La componente Y, o luminancia (informacin de
brillo); es decir, la imagen en escala de grises.

El algoritmo de compresin JPEG se basa en dos fenmenos visuales del ojo humano: uno es el hecho de que es
mucho ms sensible al cambio en la luminancia que en la

Las componentes U o Cb y V o Cr, respectivamente

1

2 CODIFICACIN

NOTA: Estas ecuaciones estn en continua investigacin, por lo

que se pueden encontrar en libros y en la red otras ecuaciones
distintas pero con coecientes muy parecidos.

Si se analiza el primer tro de ecuaciones veremos que

las tres componentes toman como valor mnimo el 16. El
canal de luminancia (canal Y) tiene como valor mximo
el 235, mientras que los canales de crominancia el 240.
Todos estos valores caben en un byte haciendo redondeo
al entero ms prximo. Durante esta fase no hay prdida
signicativa de informacin, aunque el redondeo introduce un pequeo margen de error imperceptible para el ojo
humano.

2.2 Submuestreo

Esquema del modelo RGB.

Ligera explicacin visual sobre el submuestreo. La imagen de

arriba a la izquierda es la original; las otras sufren unos submuestreos de color salvajes que dan idea de los efectos de esta
tcnica. Ampliar para mejor visualizacin.

Esquema del modelo YUV.

diferencia del azul (relativiza la imagen entre azul y

rojo) y diferencia del rojo (relativiza la imagen entre verde y rojo); ambas seales son conocidas como
crominancia (informacin de color).
Las ecuaciones que realizan este cambio de base de RGB
a YUV son las siguientes:

Una opcin que se puede aplicar al guardar la imagen es

reducir la informacin del color respecto a la de brillo
(debido al fnomeno visual en el ojo humano comentado anteriormente). Hay varios mtodos: si este paso no
se aplica, la imagen sigue en su espacio de color YUV
(este submuestreo se entiende como 4:4:4), con lo que
la imagen no sufre prdidas. Puede reducirse la informacin cromtica a la mitad, 4:2:2 (reducir en un factor de
2 en direccin horizontal), con lo que el color tiene la mitad de resolucin (en horizontal) y el brillo sigue intacto.
Otro mtodo, muy usado, es reducir el color a la cuarta
parte, 4:2:0, en el que el color se reduce en un factor de
2 en ambas direcciones, horizontal y vertical. Si la imagen de partida estaba en escala de grises (blanco y negro),
puede eliminarse por completo la informacin de color,
quedando como 4:0:0.

Y = 0,257 * R + 0,504 * G + 0,098 * B + 16 Cb = U

= 0,148 * R - 0,291 * G + 0,439 * B + 128 Cr = V =
0,439 * R - 0,368 * G - 0,071 * B + 128
Algunos programas que permiten el guardado de imgeLas ecuaciones para el cambio inverso se pueden obtener nes en JPEG (como el que usa GIMP) se reeren a estos
despejando de las anteriores y se obtienen las siguientes: mtodos con 11,11,11 para YUV 4:4:4 (no perder
B = 1,164 * (Y - 16) + 2,018 * (U - 128) G = 1,164 * (Y color), 21,12,11 para YUV 4:2:2 y 22,11,11
- 16) - 0,813 * (V - 128) - 0,391 * (U - 128) R = 1,164 * para el ltimo mtodo, YUV 4:2:0.
(Y - 16) + 1,596 * (V - 128)

Las tcnicas algortmicas usadas para este paso (para su

3
meros entorno al 0, entre 128 y 127.

76
65

66

65

61

49

43
41

73
69
69
70
67
63
57
49

67
73
60
57
60
68
64
59

62
38
15
6
24
58
69
60

58
19
16
26
2
51
73
63

67 64
43 59
24 62
22 58
40 60
60 70
67 63
52 50

55
56

55

59

58

53

45
34

Se procede a la transformacin por DCT de la matriz,

y el redondeo de cada elemento al nmero entero ms
cercano.

El algoritmo JPEG transforma la imagen en cuadrados de 88 y

luego almacena cada uno de estos como una combinacin lineal
o suma de los 64 recuadros que forman esta imagen; esto permite
eliminar detalles de forma selectiva. Por ejemplo, si una casilla
tiene un valor muy prximo a 0, puede ser eliminada sin que
afecte mucho a la calidad.

415
4

47

49

12

1
0

30
22
7
12
7
3
0
0

61 27
61 10
77 25
34 15
13 4
2
6
0
2
1 4

56 20
13
7
29 10
10
6
2
2
2
1
1 3
1
0

2 0
9 5

5 6

2
2

3 3

4
2

4 1
1
2

reconstruccin exactamente) suelen ser interpolacin bi- Ntese que el elemento ms grande de toda la matriz apalineal, vecino ms prximo, convolucin cbica, Bezier, rece en la esquina superior izquierda; este es el coeciente
b-spline y Catmun-Roll.rh
DC.

2.3

Transformacin discreta de coseno

3
(DCT)

Cuanticacin digital

Cada componente de la imagen se divide en pequeos

bloques de 88 pxeles, que se procesan de forma casi
independiente, lo que disminuye notablemente el tiempo
de clculo. De esto resulta la tpica formacin cuadriculada, que se vuelve visible en las imgenes guardadas con
alta compresin. Si la imagen sufri un submuestreo del
color, los colores quedaran en la imagen nal en bloques
de 816 y 1616 pxeles, segn fuese 4:2:2 o 4:2:0.
Despus, cada pequeo bloque se convierte al dominio
de la frecuencia a travs de la transformacin discreta de
coseno, abreviadamente llamada DCT.
Un ejemplo de uno de esos pequeos bloques de 88 inicial es este:

52
63

62

63

67

79

85
87

55
59
59
58
61
65
71
79

61
55
68
71
68
60
64
69

66
70
90 109
113 144
122 154
104 126
70
77
59
55
68
65

61
85
104
106
88
68
61
76

64
69
66
70
68
58
65
78

73
72

73

69

70

75

83
94

Antes de, en un bloquecillo 88 (ampliacin 16).

El ojo humano es muy bueno detectando pequeos cambios de brillo en reas relativamente grandes, pero no
cuando el brillo cambia rpidamente en pequeas reas
El siguiente proceso es restarles 128 para que queden n- (variacin de alta frecuencia). Debido a esta condicin,

RUIDO PRODUCIDO POR LA COMPRESIN

Por ejemplo, cuanticando el primer elemento, el coeciente DC, sera as:

(
round

415
16

)
= round (25.9375) = 26

4 Codicacin entrpica

Despus de, en un bloquecillo 88, se notan errores respecto

a la primera imagen, como en la esquina inferior izquierda, que
est ms clara.

se puede eliminar las altas frecuencias, sin prdida excesiva de calidad visual. Esto se realiza dividiendo cada
componente en el dominio de la frecuencia por una constante para ese componente, y redondendolo a su nmero
entero ms cercano. Este es el proceso en el que se pierde
la mayor parte de la informacin (y calidad) cuando una
imagen es procesada por este algoritmo. El resultado de
esto es que los componentes de las altas frecuencias, tienden a igualarse a cero, mientras que muchos de los dems,
se convierten en nmeros positivos y negativos pequeos.

La codicacin entrpica es una forma especial de la

compresin sin prdida de datos. Para ello se toman los
elementos de la matriz siguiendo una forma de zig-zag,
poniendo grupos con frecuencias similares juntos, e insertando ceros de codicacin, y usando la codicacin
Human para lo que queda. Tambin se puede usar la
codicacin aritmtica, superior a la de Human, pero
que rara vez se usa, ya que est cubierta por patentes, esta compresin produce archivos un 5% menores, pero a
costa de un mayor tiempo de codicacin y decodicacin, esta pequea ganancia, puede emplearse tambin en
aplicar un menor grado de compresin a la imagen, y obtener ms calidad para un tamao parecido.
En la matriz anterior, la secuencia en zig-zag, es esta:
26, 3, 0, 3, 2, 6, 2, 4, 1 4, 1, 1, 5, 1, 2, 1, 1,
1, 2, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
0, 0, 0, 0

JPEG tiene un cdigo Human para cortar la cadena anterior en el punto en el que el resto de coecientes sean
ceros, y as, ahorrar espacio:
26, 3, 0, 3, 2, 6, 2, 4, 1 4, 1, 1, 5, 1, 2, 1, 1,
Una matriz de cuanticacin tpica es la matriz de Los- 1, 2, 0, 0, 0, 0, 0, 1, 1, EOB
heller que se usa opcionalmente en el estndar JPEG:

16
12

14

14

18

24

49
72

11
12
13
17
22
35
64
92

10
14
16
22
37
55
78
95

16
19
24
29
56
64
87
98

24
26
40
51
68
81
103
112

40
58
57
87
109
104
121
100

51
60
69
80
103
113
120
103

61
55

56

62

77

92

101
99

5 Ruido producido por la compresin

El resultado tras la compresin, puede variar, en funcin

de la agresividad de los divisores de la matriz de cuantizacin, a mayor valor de esos divisores, ms coecientes se convierten en ceros, y ms se comprime la imagen. Pero mayores compresiones producen mayor ruido
en la imagen, empeorando su calidad. Una imagen con
Dividiendo cada coeciente de la matriz de la imagen una fuerte compresin (1%15%) puede tener un tamatransformada entre cada coeciente de la matriz de cuan- o de archivo mucho menor, pero tendr tantas imperfecticacin, se obtiene esta matriz, ya cuanticada:
ciones que no ser interesante, una compresin muy baja
(98%100%) producir una imagen de muy alta calidad,

pero, tendr un tamao tan grande que quizs interese

26 3 6 2
2 1 0 0
ms un formato sin prdida como PNG.
0
2 4 1
1
0 0 0

3
La mayora de personas que naveguen por Internet esta1
5 1 1 0 0 0

rn
familiarizadas con estas imperfecciones, que son el
1
2
1
0
0
0
0

resultado de lograr una buena compresin. Para evitar0

0
0
0
0
0
0

0
las, se tendr que reducir el nivel de compresin o apli0
0
0
0
0 0 0

0
car compresin sin prdida, produciendo mayores che0
0
0
0
0 0 0
ros despus.
0
0
0
0
0
0 0 0

Tras la compresin, suelen quedar a veces bloques como estos,

en este caso en un trozo de una imagen ampliado.

Decodicacin

El proceso de decodicacin es similar al seguido hasta ahora, slo que de forma inversa. En este caso, al haber perdido informacin, los valores nales no coincidi- Errores producidos por una compresin excesiva: Antes de y despus de.
rn con los iniciales.
Se coge la informacin de la matriz, se decodica, y se
pone cada valor en su casilla correspondiente. Despus
se multiplica cada uno de estos valores por el valor correspondiente de la matriz de cuantizacin usada, como
muchos valores son ceros, slo se recuperan ( y de forma
aproximada) los valores de la esquina superior izquierda.
Despus se deshace la transformacin DCT:

68
70

68

62

59

60

54
45

65
72
76
72
66
60
46
32

73
72
66
60
63
67
61
51

70
45
15
6
28
60
74
72

58
20
22
28
8
50
65
58

67
40
12
12
42
68
64
45

70
65
58
59
69
75
63
45

Y nalmente se suma 128 a cada entrada:

416
0

42

56

18

0
0

33 60
24 56
13
80
17
44
0
0
0
0
0
0
0
0

32
19
24
29
0
0
0
0

48 40 0 0
26
0
0 0

40
0
0 0

0
0
0 0

0
0
0 0

0
0
0 0

0
0
0 0
0
0
0 0

60
58

60

66

69

68

74
83

63
56
52
56
62
68
82
96

55
56
62
68
65
61
67
77

58
83
113
122
100
68
54
56

70
108
150
156
120
78
63
70

61
88
116
116
86
60
64
83

58
63
70
69
59
53
65
83

80
71

67

72

76

78

83
89

48
57

61

56

52

50

45
39

Para comparar las diferencias entre el bloque original y el

comprimido, se halla la diferencia entre ambas matrices,
la media de sus valores absolutos, da una ligera idea de la
calidad perdida:

8 8
5
3

2
7

3
2

2 1

11 3

11 11
4 17

6
8
1 7
6
0
3
0
3
4
1 2
3 5
8 12

0
0
6
1
3
6
6 12 4
2 10 1
6
2
9
1
8
5
8 3
0
5 7 5

7
1

0
5

Se puede observar que las mayores diferencias estn cerca de la mancha, y por la parte inferior, entre la esquina
izquierda y el centro, notndose ms esta ltima, ya que
corre una mancha clara que antes estaba ms hacia la esquina. La media de los valores absolutos de las restas es
4.8125, aunque en algunas zonas es mayor.

Vase tambin
JPEG2000, basado en wavelets.

Enlaces externos

Wikimedia Commons alberga contenido multimedia sobre Joint Photographic Experts Group.
Commons

www.jpeg.org Sitio web del grupo JPEG.

JPEG Standard (JPEG ISO/IEC 10918-1 ITUT Recommendation T.81) (en PDF) y www.
digicamsoft.com/itu/itu-t81-1.html (en HTML).
pub.ufasta.edu.ar/SISD/jpeg/jpg.htm Seminario de
Imagen y Sonido Digital: Compresin de imagen.
serdis.dis.ulpgc.es/multimedia/claseT03.htm Pgina web de la asignatura Multimedia de la ULPGC,
explicacin en vdeo del proceso de compresin
JPEG.

ENLACES EXTERNOS

Text and image sources, contributors, and licenses

9.1

Text

Joint Photographic Experts Group Fuente: http://es.wikipedia.org/wiki/Joint%20Photographic%20Experts%20Group?oldid=

79848459 Colaboradores: AstroNomo, Macar, Llull, Joseaperez, Pacoqueen, Vanbasten 23, Comae, Ejmeza, Triku, Ascnder, Sms,
Avm, Tostadora, Elwikipedista, Tano4595, Daniel G., Loco085, Mnts, Renabot, Pati, ICrash, Yurik, Klemen Kocjancic, Yrithinnd,
Emijrp, Rembiapo pohyiete (bot), Joanju, RobotQuistnix, Magnus Colossus, Francosrodriguez, Platonides, JKD, Chobot, Akhram,
Yrbot, YurikBot, Echani, GermanX, Sasquatch21, Equi, KnightRider, Carlos Humberto, Txo, Eskimbot, Tomatejc, Folkvanger, Javicivil,
Paintman, Faelomx, Qwertyytrewqqwerty, CEM-bot, Jorgelrm, Laura Fiorucci, Alexav8, Retama, Baiji, Montgomery, FrancoGG,
Thijs!bot, Mpeinadopa, JAnDbot, Mansoncc, Klystrode, Beaire1, TXiKiBoT, Amanuense, Behemot leviatan, Teytor, Plux, AlnoktaBOT,
VolkovBot, Mstreet linux, Matdrodes, MisterWiki, Mrexcel, Shooke, Muro Bot, BotMultichill, DevilishFreak, SieBot, Mr Trukit0,
Dark, BuenaGente, Javi1977, Javierito92, Marcecoro, Xavirema, RHGuille, Leonpolanco, Alexbot, Fotodng, UA31, AVBOT, J.delanoy,
Ginosbot, Linfocito B, Arjuno3, Xinokina, Ptbotgourou, FariBOT, Ixfd64, The RedBurn, LordboT, KeLopez CL, Methoz, Ruud Koot,
Xqbot, Jkbw, Nachojr99, AstaBOTh15, PatruBOT, Gatmibo, Luisexino, Anabexon, Rorduna, Carlx3, Anabel3v, EmausBot, ZroBot,
Sergio Andres Segovia, Africanus, KLBot, Rubpe19, Yoryi maldonado, MerlIwBot, KLBot2, AvicBot, Rubenlagus, LlamaAl, Helmy
oved, Legobot, Tatask89, Bonifacio666, Sncnovoa, Elibar01, BenjaBot y Annimos: 148

9.2

Images

Archivo:Commons-logo.svg Fuente: http://upload.wikimedia.org/wikipedia/commons/4/4a/Commons-logo.svg Licencia: Public domain

Colaboradores: This version created by Pumbaa, using a proper partial circle and SVG geometry features. (Former versions used to be slightly
warped.) Artista original: SVG version was created by User:Grunt and cleaned up by 3247, based on the earlier PNG version, created by
Reidab.
Archivo:Cubo_RGB_con_las_capas_de_color.png Fuente: http://upload.wikimedia.org/wikipedia/commons/a/ad/Cubo_RGB_con_
las_capas_de_color.png Licencia: CC BY-SA 2.5 Colaboradores: ? Artista original: ?
Archivo:Cubo_YUV_con_las_capas_de_color.png Fuente: http://upload.wikimedia.org/wikipedia/commons/b/b6/Cubo_YUV_con_
las_capas_de_color.png Licencia: CC-BY-SA-3.0 Colaboradores: ? Artista original: ?
Archivo:Dctjpeg.png Fuente: http://upload.wikimedia.org/wikipedia/commons/2/23/Dctjpeg.png Licencia: Public domain Colaboradores: ? Artista original: ?
Archivo:JPEG_example_image.png Fuente: http://upload.wikimedia.org/wikipedia/commons/f/fb/JPEG_example_image.png Licencia: CC-BY-SA-3.0 Colaboradores: ? Artista original: ?
Archivo:JPEG_example_image_decompressed.png Fuente: http://upload.wikimedia.org/wikipedia/commons/b/b1/JPEG_example_
image_decompressed.png Licencia: CC-BY-SA-3.0 Colaboradores: ? Artista original: ?
Archivo:Jpegartefakt_jpegartefact.jpg Fuente: http://upload.wikimedia.org/wikipedia/commons/0/0d/Jpegartefakt_jpegartefact.jpg
Licencia: CC-BY-SA-3.0 Colaboradores: de:Benutzer:Anton Artista original: de:Benutzer:Anton , English translation Andreas -horn- Hornig
Archivo:Jpegvergroessert.jpg Fuente: http://upload.wikimedia.org/wikipedia/commons/1/15/Jpegvergroessert.jpg Licencia: CC-BYSA-3.0 Colaboradores: ? Artista original: ?
Archivo:Phalaenopsis_JPEG.png Fuente: http://upload.wikimedia.org/wikipedia/commons/3/3e/Phalaenopsis_JPEG.png Licencia: Public domain Colaboradores: ? Artista original: ?
Archivo:Submuestreo_subsampling_zamora_4img.JPG
Fuente:
http://upload.wikimedia.org/wikipedia/commons/f/f3/
Submuestreo_subsampling_zamora_4img.JPG Licencia: CC BY-SA 2.5 Colaboradores: Una foto de Zamora mia. Artista original:
Yo mismo
Archivo:Webp_-_Jpeg_-_Lossless_comparative.png Fuente: http://upload.wikimedia.org/wikipedia/commons/9/91/Webp_-_Jpeg_
-_Lossless_comparative.png Licencia: CC BY-SA 3.0 Colaboradores: Trabajo propio Artista original: Christophe Mehay

9.3

Content license

Creative Commons Attribution-Share Alike 3.0