¿Cómo saber el tamaño de una imagen JPG?

¿Cómo saber el tamaño de una imagen JPG?

Tamaño del archivo para imprimir

JPEG (/ˈdʒeɪpɛɡ/ JAY-peg)[2] es un método de compresión con pérdidas para imágenes digitales, especialmente para las producidas por la fotografía digital. El grado de compresión puede ajustarse, lo que permite un compromiso seleccionable entre el tamaño de almacenamiento y la calidad de la imagen. JPEG suele lograr una compresión de 10:1 con una pérdida de calidad de imagen poco perceptible[3]. Desde su introducción en 1992, JPEG ha sido el estándar de compresión de imágenes más utilizado en el mundo,[4][5] y el formato de imagen digital más utilizado, con varios miles de millones de imágenes JPEG producidas cada día en 2015[6].

El término “JPEG” es un acrónimo de Joint Photographic Experts Group, que creó el estándar en 1992. La compresión de imágenes con pérdidas de JPEG se basa en la transformada discreta del coseno (DCT),[7][8] una técnica que fue propuesta por primera vez por Nasir Ahmed en 1972.[9][8] JPEG fue en gran medida responsable de la proliferación de las imágenes digitales y las fotos digitales a través de Internet, y más tarde de las redes sociales[10].

La compresión JPEG se utiliza en varios formatos de archivo de imágenes. JPEG/Exif es el formato de imagen más utilizado por las cámaras digitales y otros dispositivos de captura de imágenes fotográficas; junto con JPEG/JFIF, es el formato más común para el almacenamiento y la transmisión de imágenes fotográficas en la World Wide Web[11].

Javascript obtiene el tamaño de la imagen del archivo

Los píxeles no tienen un tamaño establecido, simplemente se expanden o contraen para llenar el espacio disponible. A continuación se muestra la misma imagen dos veces, ambas con el mismo tamaño de imagen o documento. Pero cada copia está compuesta por un número diferente de píxeles que simplemente se expanden para ajustarse al tamaño de la imagen. Así, aunque ambos “tamaños de imagen” sean iguales, la resolución de cada uno es claramente diferente.

El objetivo es tener suficientes píxeles, que cuando se redimensionan para ajustarse al tamaño de la imagen, son más pequeños que los puntos del monitor o de la impresora. La imagen de arriba tiene un tamaño de píxel menor que los puntos del monitor y por eso se ve bien. La imagen de abajo tiene muy pocos píxeles y por eso se ha redimensionado hasta el punto de que los píxeles son más grandes que los puntos del monitor y la imagen se ve mal, o incluso inútil como en la imagen de 12 x 8 píxeles.

Abajo están las mismas imágenes que antes pero redimensionadas para que la resolución de los píxeles sea de 72 ppp para adaptarse al monitor. Dado que los píxeles están ahora ajustados a la misma resolución, es la imagen, o el tamaño del documento, el que se encoge o expande para adaptarse. Ambas imágenes tienen ahora la misma resolución, es ahora el tamaño de la imagen de cada una el que es claramente diferente.

Javascript obtiene el tamaño de la imagen del archivo de entrada

Tengo varias imágenes .jpg que son EXACTAMENTE (dpi, tamaño de cuadro, imagen) iguales – excepto que una es más del doble del tamaño de archivo (en bytes) de la otra. ¿Cómo puede ser esto? Cuando hago un zoom de, por ejemplo, 700% en el mismo punto de cada imagen, veo casi la misma cantidad de pixelación, lo que indica que la compresión es la misma.

Supongamos que hay dos archivos que codifican los mismos datos de imagen. Uno de ellos no tiene datos EXIF. El otro tiene una copia de tamaño completo de los datos de la imagen como una miniatura incrustada. La diferencia de tamaño del archivo podría ser de aproximadamente 2:1.

¿Una tiene muchas zonas lisas o borrosas (como el cielo sin muchas nubes, o sólo el sujeto enfocado), mientras que la otra tiene muchos detalles finos, especialmente con bordes afilados como la hierba y los arbustos, donde se ven los bordes de cada hoja, o una tela impresa?

El elemento clave del JPEG es una DCT 2D (Transformación Discreta del Coseno) (en cada bloque de 8×8 por separado) que transforma la información espacial de los píxeles en el dominio de la frecuencia. Un gradiente suave sólo tiene frecuencias bajas, mientras que los bordes afilados, como el texto, las briznas de hierba y/o las hojas de un arbusto, tienen muchos componentes de alta frecuencia. (La versión 1D de esto es tratar de representar una onda cuadrada como una suma de cosenos – este sitio tiene una demostración visual)

Tamaño de la imagen de contacto constante

Tengo más de 10 años de experiencia en la creación de sitios web de fotografía, y siempre tengo que encontrar el equilibrio adecuado entre la creación de un impacto visual impresionante y la elaboración de una experiencia de sitio web rápida y fácil de usar.

En esta guía detallada, te enseñaré todo lo que necesitas saber sobre el tamaño y la compresión de las imágenes antes de subirlas a tu sitio web, qué herramientas utilizar, cómo probar la velocidad de tu sitio y mucho más.

Encontrará consejos directos y prácticos sobre cómo optimizar las imágenes para la web y cómo mejorar los resultados de rendimiento de su sitio rápidamente, con montones de ejemplos y recursos, y una completa sección de preguntas frecuentes al final.

El rendimiento del sitio web se ha convertido en los últimos años en un factor esencial para el SEO y la experiencia del usuario, ya que la velocidad de conexión ha mejorado mucho. Cualquier retraso en los tiempos de carga de las páginas puede hacer que los visitantes de su sitio web pierdan interés y se marchen.

Todo empieza por averiguar las dimensiones correctas de las imágenes necesarias para tus páginas, para ayudarte a prepararlas mejor en tu ordenador primero. Subir imágenes de gran tamaño a tu sitio, sin tener en cuenta el tamaño real al que se utilizan, es lo que provoca grandes problemas de rendimiento.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad