Actualmente, los dos formatos de archivo de imagen más populares son JPG y PNG. A primera vista, un archivo JPG puede verse exactamente como la misma imagen guardada como archivo PNG. La capacidad de seleccionar JPG para PNG al guardar el archivo también hace que parezca que ambos son intercambiables, así como las letras utilizadas en la extensión.
Según W3Techs, JPG y PNG se usan con más frecuencia que otros formatos de archivo, mientras que PNG solo se usa un poco más.

Sin embargo, existen claras diferencias entre los archivos JPG y PNG, y debe saber cuál elegir cuando utiliza imágenes en línea. El tipo de archivo puede afectar dónde se coloca en su sitio web, la calidad con la que se muestra y si ralentiza los tiempos de carga. Si desea incrustar la animación en su sitio web o canales de redes sociales, también querrá aprender un poco sobre los GIF y en qué se diferencian de JPG y PNG.
Suscríbete a nuestro canal de YouTube
Compresión sin pérdida y con pérdida
El propósito de la compresión de imágenes es ahorrar espacio: las imágenes más pequeñas son más fáciles de transportar y almacenar. Las imágenes grandes ocupan mucho espacio digital y pueden ralentizar la carga de una página web. En general, algunos datos se eliminan de la imagen durante la compresión.
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 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 comprimido. Me encanta este ejemplo de Make Use Of. Esta es una representación deliberadamente simplificada de cómo la compresión sin pérdidas elimina la información sin reestructurarla realmente:

Compresión con pérdida
Los archivos MP3 son excelentes ejemplos de compresión con pérdida. No contienen todo el sonido de la grabación original; se eliminan los sonidos que las personas no pueden o apenas oyen. Esto es similar a cómo funciona la compresión de imágenes con pérdida. Cuando se comprime una imagen, la información se elimina definitivamente, no solo temporalmente; los datos eliminados no se pueden restaurar. 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 las mismas 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 la foto en un sitio web o en una plataforma de redes sociales, lo más probable es que esté viendo un archivo JPG.
Aquí están las características y beneficios de los archivos JPG:
- Usualmente se usa para fotos en lugar de gráficos.
- La mejor opción para capturas de pantalla de juegos, películas y contenido similar.
- Imagen grabada contra un fondo blanco o en blanco (opaco).
- Tamaños de archivo más pequeños que PNG.
- Carga de página más rápida y mejor experiencia de usuario.
- Compresión con pérdida, pero el grado de compresión es ajustable: puede elegir cuánto se comprime la imagen.
- La edición y la reescritura reducirán la calidad, pero es posible que no lo notes según el número de guardados y el lugar donde se muestre la imagen.
El algoritmo JPG encuentra píxeles con 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). Esto crea una imagen más pequeña, pero también da como resultado la pérdida de datos que nunca se pueden recuperar. Sin embargo, JPG tiene en cuenta la forma en que las personas ven el brillo, por lo que puede mantener el brillo incluso después de eliminar la información de color, lo que da como resultado una imagen de alta calidad.
PNG
PNG significa Gráficos Web Portátiles. La extensión del archivo es .png. Cuando navega por el logotipo de la marca en su sitio, lo más probable es que esté viendo un archivo PNG.
Estas son las características y ventajas de los archivos 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.
- Una imagen guardada en un fondo transparente: colóquela en su página sin alterar nada a su alrededor.
- Soporte para una amplia gama de colores y escala de grises.
- Puede cambiar los colores de los archivos PNG, por ejemplo, si desea actualizar su logotipo.
- Cuantos menos colores se usen, más pequeño se puede encoger el archivo.
- Compresión sin perdidas.
Guardar una foto como PNG
Si bien guardará sus fotos como archivos JPG la mayor parte del tiempo, hay casos en los que querrá guardarlas como PNG:
- Necesita una imagen de la más alta calidad: PNG contiene más detalles que JPG.
- Vas a editar y guardar la foto varias veces. Después de editar, puede guardar la foto como JPG para limitar el tamaño.
- La foto también contiene texto: JPG reducirá notablemente la calidad del texto.
- Necesita que su foto tenga un fondo transparente; por ejemplo, puede usar 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 limitada de colores.
- Más pequeños que los archivos JPG debido a la personalización limitada del color.
- Compresión sin perdidas.
Complementos de WordPress para compresión
Para comprimir una imagen para su sitio de WordPress, puede usar un software, una herramienta basada en navegador o un complemento. Algunas personas no usan el complemento porque no quieren una carga adicional en el servidor, porque les preocupan los problemas de compatibilidad o porque no quieren pasar por la etapa de copia de seguridad adicional. Sin embargo, si desea optimizar su proceso, los complementos pueden ser bastante eficientes.
Aquí hay algunas cosas a tener en cuenta al usar un complemento de compresión de WordPress:
- No necesitará cargar una 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 al cargar eliminando el siguiente paso del proceso.
- Incluso si los dos complementos de compresión dicen que hacen lo mismo, tendrán sus propias configuraciones, ventajas y desventajas. 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 a primera vista, pero los resultados de la compresión pueden parecer pésimos, 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, píxeles cortos tiene una opción brillante, una atracción definitiva para los fotógrafos profesionales. imaginar mantendrá la 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. El objetivo es utilizar el archivo más pequeño posible manteniendo la calidad necesaria para el destino: la imagen que se muestra en el sitio web se mostrará en una página más grande que la imagen que se muestra en Instagram, por lo que necesita que la calidad sea mayor para eliminar las imperfecciones. menos notable. Para perder fotos desgarradoras, use un sistema de respaldo para almacenar sus originales; si accidentalmente comprime demasiado, puede comenzar de nuevo.
¿Quieres encontrar más imágenes para tu sitio web? Unsplash es uno de mis lugares favoritos para ir gratis. Consulta nuestro artículo con imágenes de Unsplash para WordPress en un solo clic.








