al elegir fotos para su sitio, no es solo lo que está en las fotos lo que importa. De hecho, elegir el formato de imagen correcto puede ser igual de importante. Así que vamos a hablar de JPG vs PNG, que elegir, y por qué.

Si optas por un formato incorrecto, es posible que termines con un sitio Web más lento, tasas de rebote más altas y tasas de conversión más bajas, y eso no es lo que quieres, especialmente cuando se puede evitar fácilmente.,

la diferencia entre PNG y JPG

comencemos con las definiciones básicas.

PNG significa gráficos de red portátiles, con la llamada compresión «sin pérdidas». Eso significa que la calidad de imagen era la misma antes y después de la compresión.

JPEG o JPG significa Joint Photographic Experts Group, con la llamada compresión «con pérdida».

como habrás adivinado, esa es la mayor diferencia entre los dos. La calidad de los archivos JPEG es significativamente menor que la de los archivos PNG.

sin embargo, la calidad inferior no es necesariamente algo malo.,

¿qué es JPEG?

Las imágenes JPEG son una opción común para imágenes producidas por Fotografía digital y son una buena opción para imágenes con colores y sombreados complejos.

mientras que la pérdida de calidad es poco perceptiva con la compresión 10:1 de JPG, el tamaño más pequeño hace que los JPEG sean adecuados para uso web porque reducir la cantidad de datos utilizados para una foto es útil para una presentación receptiva.

por otro lado, las imágenes JPG no son la mejor opción para dibujos lineales y otros gráficos textuales o icónicos debido a los fuertes contrastes entre píxeles adyacentes., Si desea utilizar una imagen de ese tipo para su sitio, probablemente debería considerar el uso de formatos gráficos sin pérdida.

¿qué es PNG?

PNG fue creado como un reemplazo mejorado para GIFs y se ha convertido en el formato de compresión de imágenes sin pérdida más común en Internet.

¿Qué es un archivo PNG?

conocida como gráficos de red Portátiles, la imagen PNG puede ser RGB/RGBA a todo color, en escala de grises y sin paleta.,

el formato de archivo PNG fue diseñado específicamente para transferir imágenes en Internet en lugar de para gráficos impresos y, como resultado de eso, no admite espacios de color que no sean RGB, como CMYK.

La gran ventaja es que .png ofrece una variedad de niveles de transparencia, lo que significa que el fondo PNG puede ser completamente transparente, lo que es importante para los diseños de logotipos png y similares. También es la mejor opción para imágenes con efectos de desvanecimiento.,

JPG vs PNG – la regla básica

dado que tanto el formato JPG como el PNG tienen sus pros y sus contras, debes aprovechar al máximo ambos y jugar con sus fortalezas.

en la práctica, eso significa que usted debe utilizar .jpeg para fotografías, y .png para gráficos y capturas de pantalla.

¿Realmente Importa?

al hablar JPG vs PNG y comparar los dos lado a lado, la verdad es que no podrás ver mucha diferencia en las fotos.

entonces, si las imágenes PNG no se ven mucho mejor JPG, ¿por qué no usar siempre el formato JPG y hacer las cosas más fáciles para usted?,

Desafortunadamente, no es tan simple y la razón de eso es la compresión de imágenes.

desea el formato de imagen de la más alta calidad, pero también desea tener un sitio web receptivo, por lo que debe tener en cuenta la diferencia entre jpeg y png y, en particular, la diferencia en la compresión de imágenes.

piénselo así: la compresión de imagen significa reducir el tamaño de la imagen sin sacrificar la calidad por el bien del tamaño. Generalmente, una compresión más fuerte equivale a un tamaño de archivo más pequeño que equivale a una calidad de imagen peor.,

así que si quieres una buena compresión, necesitas encontrar el equilibrio adecuado entre la calidad y el tamaño de tu archivo.

Cuando usted mira la imagen guardada en su computadora, usted ve la mejor versión de ella porque el archivo no se ha comprimido. Sin embargo, si esa misma imagen está en el sitio web, debe descargarse para que pueda verla.

lógicamente, eso significa que cuanto mayor sea la imagen, mayor será el tiempo de carga.,

servicios de compresión de imágenes

hay muchos servicios y herramientas para la compresión de imágenes y aquí están algunos de los buenos que puede utilizar para jpg o png:

• Kraken.,io – gran equilibrio entre el tamaño y la calidad

• el plugin de WordPress Kraken – compresión automática de las imágenes que subes a tu sitio

• WP Smush – un plugin de WordPress que comprimirá tus imágenes automáticamente

imágenes que contienen texto

de vez en cuando, querrá usar imágenes que contengan texto y elegir jpeg o PNG realmente importa aquí. Los PNGs suelen ser una mejor opción para imágenes de este tipo, así como para gráficos con detalles finos.,

una diferencia importante entre jpg y png es que con JPGs, los contornos de las letras, así como las líneas finas de los gráficos, generalmente aparecen menos nítidas.

imágenes regulares

y mientras que los gráficos y las imágenes con letras son por lo general mejor aspecto en el .archivo png, con las fotos regulares, JPG es una mejor opción para la web porque si el tamaño más pequeño.

Si decides usar solo PNGs, ralentizarán tu sitio web, lo que puede llevar a usuarios frustrados.,

cambiar el tamaño de las imágenes

Además de la compresión, también puede considerar cambiar el tamaño de las imágenes que desea usar para su diseño web. La buena noticia es que el redimensionamiento no es un proceso complicado y hay dos maneras de hacerlo bien:

1 – Use algunas de las herramientas de redimensionamiento que le permitirán cambiar manualmente los bordes de la imagen. Si desea mantener la relación altura-ancho original, asegúrese de agarrar una esquina de la imagen en lugar de uno de los lados, y le permitirá cambiar el tamaño de la imagen proporcionalmente.,

2-si no desea cambiar el tamaño de la imagen ajustándola manualmente, o si necesita una imagen de un tamaño específico, puede usar algunos de los programas gráficos avanzados que le permitirán especificar el tamaño de la imagen y luego ajustar la imagen de tiempo en consecuencia.

sin embargo, a veces las imágenes se desenfocan un poco después de ser redimensionadas, así que considere usar algunas de las herramientas de nitidez antes de exportarlas como png o jpg.

PNG vs JPG cuando no estás seguro

Por ahora, sabemos que los JPG son mejores para las fotografías, mientras que .las imágenes png funcionan mejor para gráficos y fotos con texto., Pero, ¿qué es mejor para las imágenes que están en algún punto intermedio?

Las capturas de pantalla son un buen ejemplo de eso porque a menudo contienen fotografías, así como texto y líneas nítidas.

sin embargo, cuando se trata de JPG vs PNG cuando se habla de capturas de pantalla, casi siempre es mejor usar el formato PNG para conservar la nitidez y la legibilidad del texto en la imagen.

al final del día, si todavía no está seguro de qué formato debe elegir, siempre puede guardar la imagen en ambos y luego compararlos y decidir cuál cree que se adapta mejor a sus necesidades.,

Pensamientos finales sobre la comparación JPG vs PNG

ahora que sabe qué es el archivo PNG y cuál es la diferencia entre un PNG y un JPG, debería ser más fácil para usted elegir el formato correcto para mantener su sitio web atractivo, así como rápido y sensible.

cuando se habla de JPG vs PNG hay algunas cosas clave a tener en cuenta.

PNG es la mejor opción para gráficos, imágenes con texto, capturas de pantalla y para diseños que requieren el uso de transparencia, como diseños de logotipos y similares., Sin embargo, el mayor inconveniente es que son más grandes en tamaño y ralentizarán su sitio web.

JPG, por otro lado, es más pequeño y más rápido de cargar, pero la compresión viene de la mano con una cierta pérdida de calidad que generalmente no es un problema para las fotografías, pero puede ser malo para el texto o las imágenes que contienen líneas finas.

entonces, ¿cuál debe usar? Bueno, depende del tipo de imagen y del tipo de sitio web que estés construyendo.