Aprende a comprimir imágenes

Las imágenes co­m­pri­mi­das tienen un impacto es­pe­cia­l­me­n­te positivo en los tiempos de carga de las páginas web. Pero ¿cómo comprimir imágenes sin perder vi­si­ble­me­n­te la calidad? ¿Y qué programas hay para comprimir fotos? A co­n­ti­nua­ción, te ofrecemos una visión general sobre la co­m­pre­sión de imágenes.

¿Por qué debería comprimir mis fotos?

Hoy en día, las imágenes en alta de­fi­ni­ción ya no son ninguna rareza. Los di­s­po­si­ti­vos cada vez soportan un mayor número de píxeles, lo que conlleva un aumento del tamaño de los archivos. Pero si se quieren usar imágenes en Internet, tanto para ilustrar una página web como para enviarlas por correo ele­c­tró­ni­co, es im­po­r­ta­n­te tener esta in­fo­r­ma­ción en cuenta, ya que, cuanto menor sea el archivo, más rápida será su tra­n­s­mi­sión, lo que a su vez se convierte en una ventaja por dos motivos:

• Cuando una imagen se carga rá­pi­da­me­n­te, aumenta la sa­ti­s­fa­c­ción de los usuarios, sobre todo de los que usan di­s­po­si­ti­vos móviles.
• La rapidez en la carga de las imágenes también se refleja po­si­ti­va­me­n­te en el ranking de los bu­s­ca­do­res.

Elige el mejor formato para tus imágenes

Antes de utilizar imágenes en una página web, es co­n­ve­nie­n­te comprobar su formato de archivo, porque no todos los formatos gráficos son adecuados para su uso en Internet. Estos cinco formatos que pre­se­n­ta­mos a co­n­ti­nua­ción son los más indicados:

• JPG/JPEG: este es uno de los formatos de imagen digital más uti­li­za­dos. Permite re­pre­se­n­tar hasta 16,7 millones de colores y admite una alta co­m­pre­sión, aunque a menudo con pérdidas de calidad. Este formato es ideal para el al­ma­ce­na­mie­n­to de imágenes o gráficos, es­pe­cia­l­me­n­te si tienen muchos colores y co­n­tra­s­tes fuertes.
• PNG: este formato puede re­pre­se­n­tar desde 256 (PNG8) a 16,7 millones (PNG24) de colores y se usa también mucho en Internet. Al contrario que JPG, se puede comprimir casi sin pérdidas de calidad. Este formato es es­pe­cia­l­me­n­te bueno para almacenar gráficos, logos y textos. Las imágenes con pocos colores se pueden comprimir hasta una fracción del tamaño del archivo original.
• WebP: WebP es un formato de imagen moderno de­sa­rro­lla­do por Google para ofrecer una mejor co­m­pre­sión sin perder calidad. Admite co­m­pre­sión con pérdida y sin pérdida, lo que permite obtener archivos más pequeños que los formatos JPEG y PNG. Gracias a al­go­ri­t­mos efi­cie­n­tes como la co­di­fi­ca­ción pre­di­c­ti­va, WebP puede reducir el tamaño de las imágenes hasta un 30 % en co­m­pa­ra­ción con JPEG, ma­n­te­nie­n­do una calidad similar. Además, este formato permite tra­n­s­pa­re­n­cia (canal alfa) y ani­ma­cio­nes, lo que lo convierte en una al­te­r­na­ti­va versátil frente a PNG y GIF.
• SVG: SVG (Gráficos Ve­c­to­ria­les Es­ca­la­bles) es un formato de imagen basado en XML utilizado para gráficos ve­c­to­ria­les. Al basarse en de­s­cri­p­cio­nes ma­te­má­ti­cas de formas y líneas, mantiene la calidad de imagen in­de­pe­n­die­n­te­me­n­te del nivel de escala. A di­fe­re­n­cia de los formatos basados en píxeles, SVG puede co­m­pri­mi­r­se de forma si­g­ni­fi­ca­ti­va mediante simples op­ti­mi­za­cio­nes de código y co­m­pre­sión con gzip, sin afectar la calidad visual. Es es­pe­cia­l­me­n­te adecuado para logotipos, iconos e ilu­s­tra­cio­nes en páginas web.
• GIF: aunque solo puede re­pre­se­n­tar 256 colores, se usa mucho en Internet, es­pe­cia­l­me­n­te porque a partir de varias imágenes permite crear ani­ma­cio­nes que son muy populares en las redes sociales. Debido a su reducida paleta cromática, GIF se usa para la vi­sua­li­za­ción de elementos de na­ve­ga­ción o gráficos sencillos. También soporta tra­n­s­pa­re­n­cias.

Opción 1: comprimir imágenes online

Si quieres comprimir tus fotos sin instalar un software especial, puedes hacerlo có­mo­da­me­n­te online, pues la red ofrece diversas so­lu­cio­nes que permiten comprimir fotos gratis. Estas he­rra­mie­n­tas aco­s­tu­m­bran a di­fe­re­n­ciar­se en los formatos de archivo que soportan y en los grados de co­m­pre­sión que permiten y suelen limitar el número de co­m­pre­sio­nes posibles. En los si­guie­n­tes párrafos hemos se­le­c­cio­na­do algunas de las mejores so­lu­cio­nes di­s­po­ni­bles en la ac­tua­li­dad.

Op­ti­mi­zi­lla

La he­rra­mie­n­ta online Op­ti­mi­zi­lla de Mediafox Marketing permite subir hasta 20 imágenes al mismo tiempo y co­m­pri­mi­r­las con la única condición de que estén en formato JPEG o PNG. Para poder hacerlo, la apli­ca­ción web recurre a una co­m­bi­na­ción de al­go­ri­t­mos, conocidos por su buena relación entre la co­m­pre­sión y la calidad de la imagen. Un regulador manual permite fijar el grado de co­m­pre­sión antes de descargar el resultado, bien como imagen in­di­vi­dual o como grupo en formato ZIP.

Con el fin de facilitar al usuario encontrar el ajuste óptimo, Op­ti­mi­zi­lla muestra vistas en miniatura tanto del original como de la imagen co­m­pri­mi­da para poder vi­sua­li­zar el efecto y también el tamaño de cada uno de los archivos. Todas las imágenes se borran au­to­má­ti­ca­me­n­te del servidor del software una hora después de haberlas subido.

TinyPNG

TinyPNG permite, a di­fe­re­n­cia de lo que su nombre deja intuir, no solo comprimir archivos PNG, sino también JPEG y WebP. En la versión estándar gratuita pueden op­ti­mi­zar­se al mismo tiempo hasta 20 imágenes, cada una con un tamaño limitado de 5 MB.

La he­rra­mie­n­ta de Voormedia tiene un grado de co­m­pre­sión pre­de­fi­ni­do que, aunque no puede cambiarse, reduce el tamaño de la imagen hasta un 80 %. Para comprimir la imagen, basta con arra­s­trar­la al campo indicado para, a co­n­ti­nua­ción, de­s­ca­r­gar­la en formato JPEG, PNG o archivo ZIP o subirla a la nube de Dropbox.

iLoveIMG

iLoveIMG es una suite online de he­rra­mie­n­tas de edición de imagen. Desde Barcelona, el equipo re­s­po­n­sa­ble de su de­sa­rro­llo provee apli­ca­cio­nes con las cuales recortar, escalar, tra­n­s­fo­r­mar y comprimir imágenes, entre otras cosas. Para comprimir imágenes, se debe se­le­c­cio­nar la tecla “Comprimir imagen” y, a co­n­ti­nua­ción, arrastrar o se­le­c­cio­nar el archivo desde el ex­plo­ra­dor. Es co­m­pa­ti­ble con JPEG, PNG, SVG y GIF.

Mientras que solo ofrece un grado de co­m­pre­sión pre­co­n­fi­gu­ra­do, iLoveIMG permite exportar el resultado de diversas formas: además de poder descargar el resultado al disco duro local, también es posible subirlo a Google Drive y Dropbox u obtener un enlace de descarga a la imagen co­m­pri­mi­da. Y si el resultado no cumple con las ex­pe­c­ta­ti­vas, se borra haciendo clic en el símbolo de la papelera.

Opción 2: comprimir imágenes con Photoshop

Ob­via­me­n­te también es posible reducir el tamaño de las imágenes con un programa pro­fe­sio­nal de edición gráfica. Entre todos, Photoshop está co­n­si­de­ra­do el líder en su especie. Junto a las funciones creativas de diseño y op­ti­mi­za­ción de material fo­to­grá­fi­co, el programa de Adobe ofrece diversas opciones para modificar el formato de las imágenes y ajustar su tamaño. En especial, los gestores de páginas web en­cue­n­tran una gran aliada en la opción “Guardar para web”, que el fa­bri­ca­n­te ha im­ple­me­n­ta­do con el fin de optimizar imágenes para páginas web. En este modo, el programa permite comprimir no solo en los tres formatos web más re­le­va­n­tes GIF, PNG, WebP y JPEG, sino también en el formato de mapa de bits WBMP (Wireless Bitmap) dirigido a di­s­po­si­ti­vos móviles.

Cuando editas una imagen en el modo de op­ti­mi­za­ción para web de Photoshop, se abre una ventana nueva en la que no solo puedes elegir los formatos de destino, sino también optimizar la imagen para tu página web ajustando la pro­fu­n­di­dad de color y las di­me­n­sio­nes. En la vista previa, la he­rra­mie­n­ta de Adobe muestra la imagen original y la op­ti­mi­za­da, una al lado de la otra e in­clu­ye­n­do el tamaño de archivo exacto, lo que te permite ver fá­ci­l­me­n­te cómo afectan los distintos niveles de co­m­pre­sión a la calidad.

Opción 3: comprimir imágenes con programas de código abierto

Con Photoshop salta a la vista que comprimir fotos con apli­ca­cio­nes de es­cri­to­rio es muy cómodo. Estas apli­ca­cio­nes de es­cri­to­rio no solo ofrecen de entrada muchas más funciones, sino que, al contrario de las he­rra­mie­n­tas online, no necesitan co­ne­c­tar­se a Internet para funcionar. Para reducir el tamaño del material visual de tu web no estás obligado a utilizar la solución Premium de la casa Adobe ni cualquier otra al­te­r­na­ti­va de pago. Cuando se depende de un pre­su­pue­s­to limitado o no se necesitan grandes opciones de edición, con un programa de código abierto o un freeware ya se alcanzan re­su­l­ta­dos de primera. ¿Cuáles son las mejores so­lu­cio­nes?

IrfanView

El programa de vi­sua­li­za­ción de imagen IrfanView se encuentra desde 1996 entre las so­lu­cio­nes de software libre para Windows más populares —según el fa­bri­ca­n­te, cada mes tienen lugar una media de un millón de descargas. Esto se debe sobre todo al atractivo modelo de licencias de la he­rra­mie­n­ta: mientras que su uso privado se mantiene to­ta­l­me­n­te gratuito, su uso comercial solo requiere adquirir una licencia por un pago único que se sitúa en un precio asequible de dos cifras.

El vi­sua­li­za­dor soporta por defecto un gran número de formatos de imagen, entre ellos PNG, JPEG, GIF, WebP y BMP. Cualquier imagen añadida puede co­n­ve­r­ti­r­se a uno de estos formatos, pero si se trata de comprimir las imágenes para la web se re­co­mie­n­da instalar el plugin de la función “Guardar para la web”. Esta extensión permite optimizar pilas de archivos y ajustar la calidad de la imagen con un regulador. La opción de vista previa y el tamaño de la imagen co­m­pri­mi­da permiten hacerse una idea del resultado.

GIMP

En la búsqueda de al­te­r­na­ti­vas a Photoshop en el sector open source es in­e­vi­ta­ble tropezar con GIMP (GNU Image Ma­ni­pu­la­tion Program). El programa gráfico pre­se­n­ta­do en 1998 y co­m­pa­ti­ble con Linux, macOS y Windows convence desde hace años por la di­ve­r­si­dad de sus funciones, que recuerdan en gran medida al modelo comercial de Adobe. Hoy ya es co­m­pa­ti­ble con más de 30 formatos de archivo, entre ellos los formatos para la web GIF, JPEG, WebP y PNG.

GIMP no solo permite convertir una imagen en un formato más pequeño, sino que también dispone de funciones avanzadas de ex­po­r­ta­ción con las cuales se pueden comprimir imágenes. El nivel de co­m­pre­sión se ajusta con un regulador manual. Las opciones avanzadas son muy prácticas: si se activa la cualidad “Pro­gre­si­vo”, el resultado es un poco más pesado; no obstante, los diversos campos se van cargando en una secuencia de­te­r­mi­na­da, de tal modo que, tras una espera no muy larga, el programa ya es capaz de mostrar una vista grosso modo de la imagen.

PN­G­Gau­ntlet

El programa de freeware PN­G­Gau­ntlet provee una interfaz gráfica de usuario en inglés para las tres he­rra­mie­n­tas de código abierto PNGOUT, OptiPNG y DeflOpt, que se de­sa­rro­lla­ron para optimizar y comprimir material visual en formato PNG. La apli­ca­ción, solo di­s­po­ni­ble para Windows, se erige como la solución perfecta para crear archivos muy pequeños como logos, gráficos y texto en formato PNG para la web. La he­rra­mie­n­ta soporta los formatos JPEG, GIF, TIFF y BMP, además de PNG.

Para comprimir tus fotos, la he­rra­mie­n­ta ofrece dos opciones: si se escoge la in­s­ta­la­ción estándar, primero se se­le­c­cio­na una o más imágenes y, después, se presiona la tecla “Optimize!”; pero, si se opta por el setup in­di­vi­dual, al presionar la misma tecla puede ajustarse la co­n­fi­gu­ra­ción de las tres he­rra­mie­n­tas. Uti­li­za­n­do cua­l­quie­ra de los dos caminos, el programa muestra, una vez fi­na­li­za­da la co­m­pre­sión, el nuevo tamaño del archivo y lo que se ha ahorrado en po­r­ce­n­ta­je.

Ima­geO­p­tim

Si buscas una he­rra­mie­n­ta open source para sistemas macOS con la que comprimir las imágenes de tu página web, con Ima­geO­p­tim, de­sa­rro­lla­da por Kornel Lesinski, estás en buenas manos. Con una licencia GPL, el programa combina varias he­rra­mie­n­tas de op­ti­mi­za­ción como MozJPEG, pngquant y SVGO, y permite no solo descartar metadatos EXIF su­pe­r­fluos, sino también comprimir material de imagen de diversa índole (JPEG, SVG, GIF o PNG).

Los archivos de imagen que quieres tra­n­s­fo­r­mar se deben añadir a Ima­geO­p­tim con la función de arrastrar y soltar, y, a co­n­ti­nua­ción, la he­rra­mie­n­ta iniciará in­me­dia­ta­me­n­te el proceso de co­m­pre­sión. En todo momento se puede modificar la co­n­fi­gu­ra­ción para ajustar el grado de co­m­pre­sión, se­le­c­cio­nar otras opciones o de­s­ca­r­tar­las. Para ello, solo tienes que hacer clic en el apartado de los tres puntos. Una vez hechos los cambios se debe pulsar en “Repetir” para ejecutar de nuevo la tra­n­s­fo­r­ma­ción.