Source: https://www.iluminancia.com/conoco-tipos-tamanos-imagenes-digitales/
Timestamp: 2018-08-18 14:40:21+00:00

Document:
Tipos y tamaño de las imágenes digitales | iluminancia
Conoce los tipos y tamaños de las imágenes digitales
JPEG, GIF, PNG. La mayoría de las cámaras usan el formato JPEG (o JPG) para las imágenes de tamaño comprimido, otras tantas también tienen la opción del formato RAW que es considerado el “negativo” digital. Para publicar imágenes en la web, un blog u otro medio, existen otros formatos como GIF y PNG. Mi cámara produce archivos JPEG de 5472 x 3648 píxeles, con 24 bits de profundidad y 72 dpi de resolución, para un tamaño de archivo de 6 MB que es impráctico para subir a la web. En esta entradas conocerás sobre los tipos y tamaños de las imágenes digitales más comunes, sus ventajas y desventajas.
1. Definición de algunos términos
2. Tipos de formato para los archivos de imágenes digitales
2.1 JPEG (JPG)
2.4 Pérdida de resolución con la compresión
2.5 Comparación de los tipos de archivo
3. Tamaño del archivo de las imágenes digitales
3.1 ¿Cuándo es mejor un tamaño de archivo reducido?
3.2 ¿Cuándo más grande es mejor?
3.3 Tamaño de las imágenes digitales (dimensiones: alto y ancho)
3.5 Profundidad del color
3.6 ¿Cuál es el tamaño recomendado del archivo para las imágenes digitales?
Antes de continuar, es necesario aclarar el significado de algunos términos:
dpi (dots per inch): en español ppp (puntos por pulgadas), es una unidad de medida para resoluciones de impresión.
Píxel (px): elemento más pequeño de los que componen una imagen digital.
Tamaño del archivo (del fichero) es la cantidad de información almacenada, medida en bytes (B), kilobytes (kB), megabytes (MB), etc.
Dimensiones de la imagen digital o de la foto impresa corresponde con las dimensiones (alto y ancho) y se pueden medir en milímetros, centímetros, pulgadas para la foto, y en píxeles para la imagen digital.
Un pixel es el elemento más pequeño de una imagen digital. Ampliando el tamaño de la foto, podemos ver los cuadrados que son los píxeles.
Colocando el cursor sobre una imagen en el Explorador, aparece la información básica de las imágenes que muestra las dimensiones en pixeles y el tamaño digital
Visita también Cómo ajustar el navegador y la pantalla
Los formatos más usados para la Internet son JPEG, GIF y PNG. También existen los formatos WebP y JPEG XR que solo son soportados por algunos programas, aplicaciones o navegadores de Internet. Otros formatos como BMP (Windows bitmap) y TIFF (tagged image file format) tienen poco uso para las páginas web; pero sí para la impresión de imágenes. Todos los formatos mencionados son del tipo mapa de bits o imagen ráster donde las imágenes están formadas por una cuadricula de puntos de color: los píxeles.
Es el formato creado para las fotografías y usados en las cámaras digitales. Creo que estoy en lo correcto al escribir esto: todas las cámaras usan este formato. Aunque comprime las imágenes con pérdida de información, es adecuado para la mayoría de los usos y permite ajustar el grado de compresión en muchos programas de edición. La principal desventaja es que no permite el uso de transparencias.
 Uso principal: publicar fotografías en la web con menor tamaño de archivo gracias a la compresión.
Compresión en formato JPEG con 24 bits de profundidad de color, ¿notas alguna pérdida de calidad?
Formato con menor tamaño de archivo que JPEG y PNG, soporta las transparencias simples y es el único que permite las animaciones.
 Usos principales: iconos, logos, botones, infografías, cuando se requiere transparencia y siempre que se requiere animación.
GIF animado logrado con la superposición de imágenes
Creado como alternativa para mejor resolución (y con mayor tamaño del archivo) que el formato GIF y con varios niveles de transparencia; sin embargo, no soporta animaciones.
 Usos principales: iconos, logos, infografías, cuando se requiere transparencia con desvanecido y mayor calidad que el GIF.
PNG con la transparencia de varios niveles en la sombra (desvanecido)
La compresión de las imágenes origina una pérdida de resolución que depende de cuánto comprimimos la imagen. Algo común es la perdida de resolución en los gradientes de colores, como son los cielos de las fotografías de paisaje.
Izquierda: imagen con baja compresión para que el cielo mantenga un gradiente uniforme. Derecha: la mayor compresión origina la pérdida del gradiente que es obvio en secciones de color uniforme.
Las imágenes siguientes comparan la calidad final de una fotografía para los formatos JPEG, GIF y PNG. Los parámetros principales son:
Imágenes creadas desde un archivo en formato RAW de 3340 px de ancho por 2227 px de alto, con 21.3 MB de tamaño.
Son imágenes convertidas a JPEG, GIF y PNG reduciendo las dimensiones a 800 px de ancho por 533 px de alto.
La conversión fue realizada con el módulo “Guardar para web” de Photoshop Elements.
JPEG: Calidad máxima (100), Progresivo.
GIF: 256 colores, porcentual, difusión del tramado.
PNG: 24 bits, sin entrelazado.
JPEG. Tamaño: 336 KB
GIF. Tamaño: 237 KB
PNG Tamaño: 662 KB
¿Notaste alguna diferencia?
La diferencia de calidad es difícil de visualizar en mi pantalla con 1920 px por 1080 px (Full HD). Viendo de cerca, la imagen GIF sí tiene pérdida de calidad.
Ahora vamos con imágenes creadas desde un gráfico vectorial en PowerPoint que no permite ajustar la calidad de compresión. Las dimensiones son 451 px por 152 px, adecuadas para un logo en sitios web; están ampliadas a 800 px de ancho para apreciar las diferencias.
JPEG. Tamaño: 14 kB
GIF Tamaño: 4 kB
PNG Tamaño: 7 kB
Ahora, las diferencias de calidad son obvias. Este ejemplo del logo parte de imágenes pequeñas que son ampliadas para visualización (el ejemplo de la fotografía es al contrario). La imagen JPEG tiene buena definición de contornos, pero los artefactos de compresión son notables. Las imágenes GIF tienen la peor calidad debido a la alta ampliación, una imagen más pequeña, sería más adecuada para esto formato. Las del tipo PNG tienen la mejor calidad.
Estos ejemplos nos permiten concluir: las dimensiones finales de la imagen y uso son aspectos para considerar en el formato que usaremos. Cuando la calidad es similar (JPEG vs PNG), el menor tamaño (JPEG) es el conveniente para imágenes en la web porque
a) aparecerá más rápido en los navegadores de Internet, y
b) requiere menos espacio de almacenamiento.
Existen casos que la compresión de la imagen JPEG es muy obvio, así que los formatos GIF y PNG son más adecuados.
Visita también Mejora la composición con las relaciones de aspecto.
Muchas cámaras modernas producen imágenes de varios megabytes (más de 3 MB) que no son necesarios para subir las imágenes a la web. La ventaja de grandes archivos es para la edición, especialmente para recortar la imagen antes de publicarla y también para la impresión.
Usar racionalmente el espacio que tenemos disponibles en los servicios web. Mientras más pequeño el tamaño, mejor, en la medida que la calidad resultante sea adecuada.
Permitir que las imágenes se carguen con cierta rapidez (milisegundos) al momento de abrir las páginas.
Con la facilidad de bajar imágenes, subir archivos de poco tamaño evita que usuarios inescrupulosos obtengan imágenes de alta resolución que puedan usar o editar indiscriminadamente.
♦ Usos no web
– Como archivo original para la edición.
– Para la impresión de fotos.
♦ Usos para la web
– Si las imágenes son subidas a sitios que añaden compresión, por ejemplo, Facebook.
– Cuando se publican imágenes para venta, por ejemplo, Shutterstock establece un tamaño mínimmo de 4 MP (megapíxeles), preferiblemente 5 MP o más grande; este tamaño es calculado multiplicando los píxeles de la altura por los píxeles del ancho.
El tamaño del archivo es determinado por:
Mientras mayor es el valor de cada uno de los parámetros, mejor es la calidad, pero mayor el tamaño del archivo.
La medición informática es en píxeles (px); mientras que en la impresión se usan unidades de longitud como centímetros o pulgadas.
La relación entre el alto y el ancho depende de la relación de aspecto que deseemos para las imágenes. Para usos específicos en la web, existen relaciones predeterminadas. En el caso de un blog, el proveedor de la plantilla o tema establece las dimensiones recomendadas para las imágenes según el uso.
Te recomiendo ver este sitio con una buena infografía sobre las dimensiones de las imágenes para las redes sociales. También este sitio con más información.
La resolución determina cuanto detalle tiene la imagen, mientras mayor es la resolución, mayor es el detalle. Las reglas de dedo son:
Web: 72 dpi o 96 dpi.
Impresiones: 300 dpi es suficiente.
La profundidad de color (bits por píxel) es la cantidad de bits de información necesarios para representar el color de un píxel en una imagen digital. El formato de la imagen prestablece la profundidad de color, los valores más comunes para imágenes en color son:
GIF: 8 bits con 256 colores.
JPEG: 24 bits alcanzan 16.7 millones de colores.
PNG: opciones de 24 bits para paletas RGB y 32 bits para paletas RGBA con transparencia que tiene 16,7 millones de colores más la transparencia.
Comparación de la profundidad de color
Las fotos en blanco y negro tienen menor tamaño de archivo que la versión en color porque están compuestas de tonos de grises que requieren menos información digital.
Original: 500 px x 333 px, 72 dpi, 24 bits, 216 kB
Original: 500 px x 333 px, 72 dpi, 24 bits, 138 kB
La respuesta es “depende“. Como hemos visto, el tamaño del archivo (kB, MB) depende del tamaño de la imagen (alto y ancho), el formato que predetermina la compresión, la profundidad de color, etc.
La recomendación es que ajuste el tamaño del archivo para el uso que tendrá la imagen en la web (la medida en píxeles es para el lado más largo):
Miniaturas: 150 px con menos de 10 kB.
Uso en el blog: más de 500 px, algunos sitios recomiendan un máximo de 100 kB, pero en mi caso, la resolución es mala, así que le sugiero aumentar a 500 kB.
Despliegue de gran tamaño: de 500 px hasta 3000 px según el sitio donde suba la imagen.
100 píxeles de ancho, 34 kB
250 píxeles de ancho, 87 kB
500 píxeles de ancho, 138 kB
1000 píxeles de ancho, 88 kB para una compresión alta
1000 píxeles de ancho, 638 kB para menor compresión y mejor calidad
Para finalizar, en la siguiente comparación, puedes notar los artefactos de compresión en las secciones rojas del bote para la imagen de alta compresión, es decir, menor calidad.
Visita también Fotografiar en RAW, lo bueno, lo malo y algo más
Cada tipo de formato digital, bien sea JPEG, GIF, PNG u otro, tiene usos bien definidos en la fotografía y el diseño gráfico. Algunos formatos tienen usos similares; pero son las ventajas y desventajas las que limitan su uso, esto último es algo que todo fotógrafo debe conocer.
Algo muy importante es que la ventaja o desventaja es generalmente sobre el tamaño del archivo que afecta el espacio de almacenamiento y la velocidad de subida en los sitios web, y sobre la calidad del resultado final.
Como fotógrafos, el uso del formato JPEG e nuestro día a día. Mi recomendación para la edición de ese formato es: cambia el tamaño y comprime la imagen sabiamente.
ediciónformatos

References: resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución