PJPEG: in­tro­du­c­ción a JPEG pro­gre­s­si­ve

El formato de imagen más utilizado en la web es JPEG, dado que apro­xi­ma­da­me­n­te el 71,4 % de los sitios web lo utiliza en sus fotos y gráficos. JPEG es en realidad solo un término genérico para un modelo de co­m­pre­sión de imágenes. Los PJPEG, también conocidos como JPEG pro­gre­s­si­ve (jpeg pro­gre­si­vos en ca­s­te­llano), también pe­r­te­ne­cen a este formato y se encargan de comprimir los archivos gráficos de forma diferente.

JPEG es un formato de­sa­rro­lla­do en 1992 para la co­m­pre­sión de imágenes e incluye di­fe­re­n­tes métodos. Es la abre­via­tu­ra de “Joint Pho­to­gra­phic Expert Group”, el organismo que de­sa­rro­lló este formato. Los archivos JPEG son el formato de imagen más utilizado en la web y su efi­cie­n­cia los hace útiles para gráficos complejos con mucho color e incluso para fotos. Dentro del modelo, existen di­fe­re­n­tes tipos de co­m­pre­sión, según la co­n­fi­gu­ra­ción de ex­po­r­ta­ción del programa de edición de imágenes utilizado.

Al co­m­pri­mi­r­se, los archivos (por ejemplo, las fotos) reducen su tamaño. Esto ahorra espacio de al­ma­ce­na­mie­n­to y acorta los tiempos de tra­n­s­fe­re­n­cia, lo que a su vez reduce también el tiempo de carga de la imagen en la web. No obstante, esta reducción del tamaño se realiza en la mayoría de los casos en de­tri­me­n­to de la calidad de la imagen. Por ello, al comprimir archivos, es­pe­cia­l­me­n­te cuando se trata de gráficos y fotos, hay que prestar atención a que la calidad no se vea es­pe­cia­l­me­n­te afectada, pues en este caso de nada servirá que la imagen se cargue con rapidez.

Entre los tipos de co­m­pre­sión de imágenes JPEG, se incluye el llamado JPEG pro­gre­s­si­ve o PJPEG. Los archivos PJPEG se crean usando un algoritmo de co­m­pre­sión, pero se presentan de manera diferente cuando se vi­sua­li­zan en el navegador. En principio, son co­m­pa­ti­bles con todos los na­ve­ga­do­res modernos, incluidos Chrome, Firefox e Internet Explorer 9 y su­pe­rio­res, si bien las versiones an­te­rio­res al 9 dan problemas a la hora de re­pre­se­n­tar­los. Pero dado que Internet Explorer 8 solo se usa un 0,4 % en todo el mundo, la mayoría de los proyectos web no prestan atención a este hecho. Además, un navegador que no admita el formato JPEG pro­gre­s­si­ve cargará la foto co­rre­s­po­n­die­n­te como un JPEG normal. Por tanto ¿cuál es exac­ta­me­n­te la di­fe­re­n­cia entre los dos formatos?

La mayor di­fe­re­n­cia entre JPEG y PJPEG es la forma en que se carga la imagen. En los JPEG normales las imágenes se cargan línea por línea de arriba a abajo. En los JPEG pro­gre­si­vos, sin embargo, la imagen completa se muestra de inmediato y se carga píxel a píxel, es decir, una imagen pixelada y borrosa se co­n­ve­r­ti­rá gra­dua­l­me­n­te en una imagen definida. En resumen, mientras un JPEG normal se carga de arriba a abajo, un PJPEG se construye, por así decirlo, de atrás hacia adelante.

Esto tiene un impacto positivo en la ex­pe­rie­n­cia del usuario, es decir, en cómo un usuario percibirá el sitio web. Apa­re­n­te­me­n­te, el sitio se cargará más rápido porque no cuenta con áreas blancas notables que deban re­lle­nar­se vi­sua­l­me­n­te. En la siguiente serie de imágenes se muestra cla­ra­me­n­te la di­fe­re­n­cia en la carga de los archivos JPEG y PJPEG:

Por el contrario, las imágenes en formato PJPEG se cargan de atrás hacia adelante: la imagen se va de­fi­nie­n­do a medida que avanza la carga y el número de píxeles aumenta gra­dua­l­me­n­te.

Aunque muchos usuarios valoran en su ex­pe­rie­n­cia que la imagen aparezca di­re­c­ta­me­n­te en la página, el formato PJPEG también tienen de­s­ve­n­ta­jas.

Siguiendo estos pasos, podrás integrar fá­ci­l­me­n­te imágenes en tu sitio web. Si el navegador admite el formato, la foto o la imagen JPEG pro­gre­s­si­ve se cargará co­rre­c­ta­me­n­te.