JPEG vs. JPG: ¿Cuál es la diferencia? ¿Cuál debe utilizar en su sitio web?

Si eres usuario de ordenador, sin duda habrás utilizado alguna vez los formatos JPG y JPEG. Son los formatos de imagen más utilizados en Internet. Pero, ¿te has preguntado alguna vez cuál es la diferencia entre ellos? ¿Y cuál es mejor utilizar?

En este post, responderemos a esta pregunta. También hablaremos de por qué la compresión de imágenes es esencial para cualquier sitio web y te recomendaremos algunos plugins que puedes utilizar para comprimir tus imágenes.

Aprendamos sobre JPEG

JPG frente a JPEG

¿Cuál es la diferencia entre JPG y JPEG? La respuesta corta: absolutamente nada, aparte del nombre. Entonces, ¿por qué hay dos versiones?

La razón tiene que ver con el sistema operativo Microsoft Windows.

JPEG era el nombre original del tipo de archivo. Sin embargo, en el pasado (antes de Windows 95), los sistemas operativos de Microsoft sólo podían utilizar tipos de archivo de 3 letras o menos.

Esto significaba que no se podían utilizar archivos JPEG, ya que tienen una extensión de 4 letras.

Los sistemas basados en Unix, como Mac o Linux, no tenían este problema. Podían utilizar tipos de archivo con una extensión de cuatro letras, es decir, .JPEG funcionaba perfectamente.

Así que, para que Windows pudiera utilizar JPEG, el tipo de archivo pasó a llamarse JPG en los sistemas Windows.

Eso es prácticamente todo.

Por lo demás, ambos son exactamente iguales. Hoy en día, Windows admite tipos de archivo con extensiones de más de 3 letras, por lo que no tiene ningún problema con el uso de JPEG. Sin embargo, los viejos hábitos no mueren y mucha gente sigue utilizando ambos nombres de archivo.

Como nota al margen divertida: si ves o editas archivos de vídeo en tu ordenador, probablemente hayas utilizado .MPEG o .MPG antes. Ambos son exactamente los mismos tipos de archivo y tienen la misma historia que JPG/JPEG porque los sistemas Microsoft no podían utilizar la extensión MPEG de 4 letras.

¿Qué es mejor: ¿JPG o JPEG?

Como hemos dicho antes, funcionalmente son exactamente lo mismo. No hay ninguna diferencia real entre los dos. Es decir, a menos que prevea tener usuarios que utilicen Windows DOS (¡que lleva 30 años obsoleto!).

En cuanto al uso, el término jpg parece ser más utilizado que jpeg. Google ofrece más de 25.000 millones de resultados de búsqueda de jpg frente a los 3.000 millones de jpeg:

Esto se debe probablemente a dos razones:

1. Hay muchos más usuarios de Windows que de Mac OS
2. La gente tiende a preferir los acrónimos cortos a los largos. JPG es más corto y fácil de escribir que JPEG.

Sin embargo, Wikipedia prefiere jpeg y tecleando jpg en la barra de búsqueda redirigirá a él. Por lo tanto, puede utilizar cualquier tipo de archivo y llamarlo por el término que prefiera.

JPG (o JPEG) no permitidos

Una situación posible, aunque muy poco frecuente, en la que puede ser necesario convertir JPG en JPEG (o viceversa) es cuando un sitio web limita la carga a determinados tipos de archivo.

Por ejemplo, una revista de ficción puede aceptar envíos de escritores, junto con una foto de portada del autor. Si el sitio web restringe inadvertidamente las imágenes a JPG y se olvida de incluir JPEG, es posible que no pueda cargar su imagen.

En este caso, deberás convertir JPEG a JPG (u otro formato aceptado por el sitio web).

Aunque esto es raro y poco común entre la mayoría de los sitios web, sigue siendo algo a tener en cuenta.

Cómo convertir PNG, GIF y otros tipos de archivos a JPG/JPEG

Si tienes un archivo PNG o GIF, quizá quieras convertirlo en JPG. ¿Cómo hacerlo?

Aunque las instrucciones específicas dependen de su editor de imágenes, en general tendrá que utilizar la opción Guardar como función. Microsoft Paint, Adobe Photoshop y muchos otros editores de imágenes tienen esta función en el menú principal, normalmente en Archivo.

Las imágenes de abajo son de Photoshop, pero otros programas son esencialmente los mismos.

A continuación, seleccione JPEG como tipo de archivo. Aunque existen otros tipos de archivos JPEG, es probable que nunca necesites utilizarlos.

Aparecerá un mensaje que le permitirá elegir el nivel de compresión. Cuanto mayor sea la calidad, mayor será el tamaño del archivo, y viceversa.

Ya está. Ya has convertido tu archivo de imagen a JPG. Buen trabajo.

Cómo convertir JPG en JPEG

¿Se puede convertir un JPG en JPEG? Claro, aunque normalmente no hay razón para hacerlo. Como hemos dicho antes, los tipos de archivo son exactamente iguales y lo único que difiere es el extensióno la parte que viene después del punto.

Por lo tanto, para cambiar la extensión, simplemente seleccione el archivo y haga clic con el botón derecho sobre él, luego seleccione Cambiar nombre. En Mac OSX, también puedes simplemente pulsar la tecla intro y escribir la nueva extensión.

¿Qué es un JPG / JPEG?

Así que los JPG y los JPEG son como patatas fritas y chips o soda y pop: palabras históricamente diferentes que se refieren a lo mismo. Pero, ¿qué es exactamente un JPG/JPEG?

Un JPG es un imagen rasterizada o basada en píxeles. Esto significa que está formada por elementos diminutos llamados píxeles. Una fotografía es un ejemplo de imagen rasterizada.

Cuando se comprime una imagen rasterizada, se eliminan píxeles de ella. Esto reduce la calidad de la imagen.

Las imágenes rasterizadas se contrastan con vector imágenes. Los SVG son el tipo de imagen vectorial más común, pero muchas imágenes se editan como archivos vectoriales antes de convertirse en gráficos de trama.

Por ejemplo, puede editar un logotipo SVG y subirlo a su sitio web como PNG.

Las imágenes vectoriales se basan en una fórmula matemática y no en píxeles. Esto significa que si aumentas o reduces el tamaño de una imagen vectorial, la calidad de la imagen no se ve afectada porque no estás eliminando ningún píxel, simplemente ajustando la fórmula matemática.

Aunque probablemente no necesites conocer todos los detalles, es importante que sepas cuándo debes utilizar JPG y cuándo otros tipos de archivo, como PNG, SVG o GIF.

En resumen, un JPG es mejor para fotografías, gráficos web y otras imágenes basadas en píxeles. Es no ideal para logotipos, imágenes generadas por ordenador, como diagramas, o animaciones.

JPEG: El grupo detrás de JPEG

Como nota final sobre JPEG, debe saber que el término JPEG también hace referencia a Grupo Mixto de Expertos en Fotografía, que es el comité que creó la norma JPEG en primer lugar. Esta organización sigue gestionando el tipo de archivo y se reúne cuatro veces al año para debatir nuevas normas y prácticas.

Aunque no es esencial saberlo, es útil recordar qué fue primero, si JPG o JPEG. JPEG es el nombre de la organización y, por tanto, también el nombre del tipo de archivo original.

La importancia de comprimir imágenes

Ahora que hemos hablado de las diferencias entre JPG y JPEG (o la falta de ellas), te preguntarás ¿por qué importa tanto el formato de imagen? ¿Por qué hay tantos tipos diferentes como JPG, PNG o GIF? ¿Y por qué las imágenes comprimidas son mejores que las normales?

Comprimir las imágenes es muy importante porque afecta a los tiempos de carga de la página web.

Las imágenes son algunos de los tipos de archivo más grandes que existen y a menudo ocupan 1 MB o más. Esto significa que una página web con 5 o más imágenes puede ocupar fácilmente 10 MB, lo que supone una enorme cantidad de datos para descargar en una sola página.

Esto es especialmente problemático en regiones donde el acceso a Internet es más lento, o para usuarios móviles con una velocidad limitada.

En cambio, si comprime sus imágenes, puede reducir el tamaño de sus páginas en 50% o más, lo que se acumula en todo su sitio web.

Esto puede suponer una diferencia de cinco segundos o más en los tiempos de carga de las páginas.

Además, los sitios web más rápidos (es decir, con archivos de menor tamaño) son mejor valorados por los internautas. Google y otros motores de búsqueda. Esto significa que su sitio web será penalizado si es demasiado grande o tiene demasiadas imágenes y otros contenidos sin comprimir.

Por esta razón, deberías comprimir todas tus imágenes (y otros contenidos), tanto utilizando un plugin de compresión como comprimiendo las imágenes antes de subirlas.

Si no quieres utilizar un plugin, te recomendamos que al menos pases tus imágenes por una herramienta como TinyPNG.

Un ejemplo de imágenes comprimidas

Para darte un ejemplo de lo que la compresión puede hacer, vamos a subir una imagen. En primer lugar, usted querrá instalar un plugin de compresión de imágenes. En este ejemplo, utilizamos Smush.

Una vez que tengas el plugin instalado, sube tu imagen.

Para este ejemplo, utilizaremos una imagen de Andrew Small en Unsplash. A continuación, vemos la imagen original sin comprimir. Actualmente ocupa 1,4 MB; no es un mal tamaño, pero sin duda podría ser más pequeña.

Una vez que haya cargado la imagen, vaya a Smush > Smush a granel. Desplácese hacia abajo y haga clic en el botón BULK SMUSH NOW.

Después de uno o dos minutos, tu imagen debería estar "aplastada". Ahora, si vas a Medios de comunicación y visualice su imagen, verá una notificación Smush que le mostrará cuánto se ha ahorrado al comprimir las imágenes. Como puedes ver, hemos ahorrado 12,6% del tamaño de nuestro archivo.

(Tenga en cuenta que WordPress crea automáticamente un número de imágenes por cada una que usted sube, que se utilizan para diferentes propósitos como miniaturas. Por eso dice 12 imágenes.)

Como puedes ver, ¡nuestra imagen sigue teniendo un aspecto estupendo!

¿Quieres saber más sobre cómo optimizar tus imágenes? Consulte nuestro Guía completa para optimizar las imágenes de su sitio WordPress.

Compresión sin pérdidas frente a compresión con pérdidas

Cuando se trata de compresión, un concepto importante que hay que entender es compresión con pérdidas frente a compresión sin pérdidas.

• Sin pérdidas compresión significa que su archivo se hará más pequeño sin afectar a la calidad de la imagen. ¿Cómo funciona? Comprimiendo los datos de la imagen, eliminando los metadatos y otra información innecesaria del archivo de imagen sin procesar.
  
  La compresión sin pérdidas es una buena opción si quieres conservar la misma calidad de imagen y detalle en tus fotos y, al mismo tiempo, reducir parte del tamaño del archivo.
• Con pérdidas compresión altera drásticamente las imágenes para reducir su tamaño de archivo. Se eliminan permanentemente determinados elementos de la imagen, lo que reduce el tamaño del archivo pero afecta negativamente a la calidad.
  
  La compresión con pérdidas se utiliza principalmente en situaciones en las que se desea el tamaño de archivo más pequeño posible y no importa que se degrade la calidad de la imagen.

Los archivos JPG/JPEG utilizan con pérdidas compresión, lo que significa que eliminan algunos datos para tener un archivo de menor tamaño.

Sin embargo, la cantidad de datos perdidos depende del nivel de compresión. Para la mayoría de las imágenes web, no hay una diferencia o pérdida de calidad apreciable.

Plugins de WordPress útiles para comprimir imágenes

Hablemos brevemente de algunos plugins que puedes utilizar para comprimir tus imágenes. Hay muchas opciones disponibles, pero te recomendamos las tres siguientes:

• Smush es un útil (y popular) plugin con más de 1 millón de instalaciones activas. Escanea y comprime automáticamente todas las imágenes que subes a tu sitio WordPress. Es una forma estupenda de reducir el tiempo y el esfuerzo necesarios para mantener tus imágenes optimizadas.
  En general, el algoritmo de compresión puede reducir tus imágenes hasta 30% de su tamaño original.
• Imagify es un sólido optimización de imágenes y plugin de compresión que funciona automáticamente una vez instalado. No sólo comprime plugins, sino también miniaturas. Puede elegir entre tres niveles diferentes de compresión de imágenes.
  Además, el plugin realiza copias de seguridad automáticas de las imágenes, de modo que si no te gustan los resultados de la compresión, puedes volver fácilmente a los originales.
• ShortPixel es uno de los plugins más populares para comprimir imágenes. Conecta tu web a la API de ShortPixel, que comprime tus imágenes sin salir de tu web.
  Una característica única de ShortPixel es su opción de compresión "Brillante", diseñada específicamente para los fotógrafos y sus fotos.

Preguntas frecuentes sobre JPG/JPEG

Si tienes prisa, ¡esta sección es para ti! Aquí tienes algunas preguntas habituales sobre JPG/JPEG y breves respuestas a las mismas.

Para concluir nuestro debate sobre JPG y JPEG

Probablemente utilices JPG y JPEG todos los días, pero ¿sabías que son la misma cosa? ¿Y conocía la historia de esta peculiar situación?

Ahora sí.

En este post, explicamos la diferencia entre JPG y JPEG, además de hablar sobre el formato de archivo en su conjunto. Por último, te recomendamos algunos plugins de compresión para optimizar tus imágenes y hacer que tu sitio web cargue súper rápido.

¿Utilizas más a menudo JPG o JPEG? Dinos cuál prefieres (y por qué) en los comentarios.