PNG, JPG o GIF: elegir el tipo de archivo de imagen adecuado para su sitio

Compresión sin pérdida y con pérdida

El propósito de comprimir una imagen es ahorrar espacio: las imágenes más pequeñas son más fáciles de transferir y almacenar. Las imágenes grandes ocupan mucho espacio digital y pueden ralentizar la carga de la página web . En general, algunos datos se eliminan de una imagen cuando se comprime.

Hay dos tipos de compresión: sin pérdida y con pérdida. Para comprender una de las claras diferencias entre JPG y PNG, necesitará una introducción a estos dos tipos de compresión.

Compresión sin perdidas

Las imágenes contienen información redundante. La compresión sin pérdidas elimina los datos redundantes, pero también le dice a la computadora cuántos de los datos eran redundantes y cómo reconstruir la imagen. El tamaño del archivo se reduce para ahorrar espacio, pero también se puede reconstruir todo el archivo a partir del archivo comprimido. Me encanta este ejemplo de Make Use Of. Es una representación deliberadamente simplista de cómo la compresión sin pérdidas elimina la información sin cambiar realmente la estructura:

Compresión con pérdida

Los archivos MP3 son excelentes ejemplos de compresión con pérdida . No contienen todo el audio que está en la grabación original; Se eliminan los sonidos que los humanos no pueden o casi no pueden escuchar. Esto es similar a cómo funciona la compresión con pérdida de imágenes. Cuando se comprime una imagen, la información se elimina definitivamente, no solo temporalmente; no puede restaurar los datos eliminados. Cada vez que se edita y/o se vuelve a guardar una imagen, se pierde un poco más de datos, lo que reduce la calidad.

JPG

JPG (o JPEG) significa Grupo Conjunto de Expertos Fotográficos. La extensión del archivo puede ser .jpg o .jpeg. Estas extensiones son lo mismo y los archivos funcionarán de la misma manera. Las primeras versiones de Windows solo podían procesar archivos con tres letras, por lo que JPEG se redujo a JPG. Cuando ve una foto en un sitio web o en una plataforma de redes sociales, lo más probable es que esté viendo un JPG.

Aquí están las características y beneficios de los JPG:

• Normalmente se utiliza para fotos en lugar de gráficos.
• La mejor opción para capturas de pantalla de juegos, películas y contenido similar.
• Imagen guardada en un fondo blanco o en blanco (no transparente).
• Tamaños de archivo más pequeños que PNG.
• Tiempos de carga de página más rápidos y mejor experiencia de usuario.
• Compresión con pérdida, pero la relación de compresión se puede ajustar: puede elegir cuánto se comprimirá la imagen.
• Editar y volver a guardar degradará la calidad, aunque es posible que no lo note según la cantidad de veces que se guardó y dónde se muestra la imagen.

El algoritmo JPG encuentra píxeles que tienen el mismo color o valor y los bloquea en mosaicos. Si bien JPG admite millones de colores, la imagen final tendrá menos colores que la original (algo así como esas pistas de audio). Así es como se crea la imagen más pequeña, pero también da como resultado la pérdida de datos que nunca podrá recuperar. Sin embargo, JPG tiene en cuenta cómo las personas ven el brillo, por lo que puede mantener el brillo incluso cuando se elimina la información de color, lo que produce una imagen de alta calidad.

PNG

PNG significa gráfico de red portátil. La extensión del archivo es .png. Cuando ve el logotipo de una marca en un sitio web, lo más probable es que esté viendo un PNG.

Aquí están las características y beneficios de los PNG:

• Normalmente se utiliza para ilustraciones y otros tipos de gráficos.
• La mejor opción para ilustraciones, diagramas detallados y capturas de pantalla de aplicaciones.
• Imagen guardada en un fondo transparente: colóquela en su sitio web sin alterar nada a su alrededor.
  
• Soporte para una gama de colores y escala de grises.
• Puede cambiar los colores de los archivos PNG, como si quisiera actualizar su logotipo.
• Cuantos menos colores se utilicen, más pequeño se puede encoger el archivo.
• Compresión sin perdidas.

Guardar una foto como PNG

Si bien guardará las fotos como archivos JPG la mayor parte del tiempo, hay casos en los que querrá guardarlas como PNG:

• Necesita que la imagen sea de la mayor calidad posible: PNG vende más detalles que JPG.
• Vas a editar y guardar la foto varias veces. Una vez que haya terminado de editar, puede guardar la foto como JPG para limitar el tamaño.
• La foto también tiene texto: JPG reducirá notablemente la calidad del texto.
• Necesita que la foto tenga un fondo transparente; por ejemplo, tal vez esté usando una de sus fotos como logotipo.

GIF

GIF significa formato de intercambio de gráficos. La extensión del archivo es .gif. Cuando ve un video corto animado que se repite, lo más probable es que esté viendo un GIF.

Estas son las características y beneficios de los GIF:

• Es el único tipo de archivo de los tres que admite animación.
• La mejor opción para gráficos simples.
• Gama de colores limitada.
• Más pequeño que los JPG debido a las adaptaciones de color limitadas.
• Compresión sin perdidas.

Complementos de WordPress para compresión

Para comprimir una imagen para un sitio web de WordPress, puede usar un software, una herramienta basada en navegador o un complemento. Algunas personas no usan un complemento porque no quieren la tensión adicional en su servidor o preocuparse por problemas de compatibilidad, o no quieren pasar por el paso adicional de crear copias de seguridad. Sin embargo, si está buscando optimizar su proceso, los complementos pueden ser bastante eficientes.

Aquí hay algunas cosas a tener en cuenta sobre el uso de un complemento de WordPress para la compresión:

• No tendrá que cargar la imagen después de cambiar su tamaño; ya estará en su biblioteca de medios de WordPress .
• Muchos complementos tienen una configuración que le permite optimizar durante la carga, eliminando otro paso del proceso.
• Incluso si dos complementos de compresión dicen que hacen lo mismo, tendrán sus propias configuraciones, pros y contras. Puede que tenga que jugar con algunos para encontrar el equilibrio adecuado entre la relación de compresión y la calidad.
• Las versiones gratuitas de los complementos de compresión suenan atractivas al principio, pero los resultados de la compresión pueden parecer malos, por lo que tendrá que actualizar si desea imágenes de mayor calidad.
• Algunos complementos son difíciles de instalar y configurar, mientras que otros funcionarán perfectamente desde el primer momento.
  
• Las características adicionales hacen que algunos complementos sean más atractivos que otros. Por ejemplo, ShortPixel tiene una opción brillante, un atractivo definitivo para los fotógrafos profesionales. Imagify mantendrá su imagen original en una carpeta separada, lo que significa que puede restaurarla en cualquier momento.

Pensamientos finales

Saber cómo usará sus imágenes es el primer paso para determinar qué tipo de archivo elegir. En última instancia, el objetivo es usar el archivo más pequeño posible y conservar la calidad necesaria para el destino: una imagen que se ve en un sitio web aparecerá en una página más grande que una imagen que se ve en Instagram, por lo que necesitará la calidad ser más alto para que las imperfecciones sean menos notorias. Para las fotos que le rompería el corazón perder, use un sistema de copia de seguridad para almacenar los originales; si accidentalmente comprime demasiado, tendrá una forma de comenzar de nuevo.

¿Necesita encontrar más imágenes para su sitio web? Unsplash es uno de mis lugares favoritos para buscar fotografías de stock gratuitas. Consulte nuestro artículo sobre el uso de imágenes de Unsplash en WordPress con un solo clic .