Formatos de imagen y características

Glosario

• Compresión de la imagen: Reduce el tamaño de bits mediante algoritmos matemáticos, que pueden ser con o sin pérdidas.
• Imagen digital: Representación bidimensional de una imagen usando bits. Pueden ser rasterizadas o vectoriales, dependiendo de si la resolución es estática o dinámica.
• Imagen vectorizada: Imágenes representadas mediante fórmulas matemáticas, indicando entidades geométricas con parámetros como grosor y posición. El procesador traduce esta información a la tarjeta gráfica.
• Licencias de Creative Commons: Licencias que otorgan derechos de uso intelectual y moral bajo ciertas condiciones, permitiendo usar contenidos reconociendo la autoría.
• Mapa de bits o imágenes rasterizadas: Imágenes formadas por píxeles, donde cada píxel tiene valores que definen un color uniforme.
• Profundidad del color: Número de bits usados para describir el color de cada píxel en una imagen de bitmap.
• Propiedad intelectual: Derechos intelectuales y morales sobre un contenido original perteneciente a sus autores.
• Resolución: Grado de detalle o calidad de una imagen digital, expresado en ppp (píxeles por pulgada) o dpi (dots per inch). Más píxeles resultan en mayor calidad de imagen.
• Software de virtualización, edición y creación: Programas que permiten visualizar, editar y crear imágenes, logos e iconos.

Imágenes

• Las imágenes contribuyen a la calidad de la web, deben tener un formato y peso adecuados para su contenido.
• Es importante respetar la autoría y los derechos de autor y deben ser digitales.
• Una imagen digital es una representación bidimensional usando bits, que almacena la información sobre colores y luminosidad.
• Las imágenes digitales no se degradan con el tiempo.
• La fotografía es objetiva y realista, mientras que la pintura es subjetiva.
• Una imagen digital es el resultado visual final capturada inicialmente por un dispositivo que almacena la información digitalmente, y que puede ser transformada usando medios informáticos.
• Existen dos tipos: mapa de bits e imagen vectorial
• Los mapas de bits están construidos por píxeles y pierden calidad al hacer zoom.
• Las imágenes vectoriales se construyen a partir de funciones matemáticas y no pierden calidad al hacer zoom.
• El tamaño de los ficheros de mapas de bits es proporcional al de la imagen.
• Los mapas de bits se usan para representar imágenes realistas como fotografías e ilustraciones.
• El tamaño vectorial es independiente del tamaño de la imagen y es menor que los de los mapas de bits.
• Los vectores se usan para dibujos, esquemas y planos.
• Los gráficos rasterizados tienen una resolución estática y están formadas por un conjunto de píxeles, con cada píxel conteniendo un color uniforme.
• Los gráficos rasterizados son adecuadas para imágenes con una amplia gama de colores con variaciones precisas y su calidad depende de la cantidad de píxeles usados.
• Una desventaja de los gráficos rasterizados es el efecto pixelado al cambiar la escala.
• GIMP, Photoshop y Photopaint son programas para generar gráficos rasterizados.
• Los gráficos o imágenes vectoriales tienen una resolución dinámica y se representan con fórmulas matemáticas de entidades geométricas.
• En un gráfico vectorial el procesador es el encargado de traducir a la tarjeta gráfica.
• El cambio de escala para gráficos vectoriales no pierde calidad.
• Sodipodi, Corel Draw, Adove Illustrator e Inscape son programas para generar gráficos vectoriales.

Formato de imagen

• Es el formato en el que se almacenan las imágenes para su posterior reproducción, indicado por la extensión del fichero.
• Las decisiones importantes a tomar en la web es elegir el formato en función del contenido, calidad y tamaño del archivo.
• Los formatos más comunes son bmp, gif, jpeg, png, además de algunos formatos exclusivos de determinados programas como CDR o PSD.
• Formatos adecuados para la web son GIF, JPG y PNG.
• Estos formatos son preferibles por el espacio que ocupan y el tiempo que tardan en descargarse.

Formato GIF

• Fue el primer formato que apareció en Internet.
• Creado por CompuServe en 1987 para conseguir ficheros de tamaño reducido, con un máximo de 256 colores.
• Formato de compresión sin pérdida basada en el algoritmo LZW.
• Se usa para mostrar imágenes animadas para páginas web o en la creación de logotipos.
• Es adecuado para imágenes con grandes áreas de color sólido, tiene carga progresiva en el navegador.
• Inconveniente: No es apto para imágenes fotográficas.

Formato JPG

• Es el formato más usado en fotografía digital con un amplio abanico de colores.
• JPG Logra almacenar imágenes fotográficas y de escáner en poco espacio.
• Es recomendable para imágenes con gran variedad de colores distintos o monocromáticos.
• Puede contener 24 bits color u 8 bits en blanco y negro.
• Es un tipo de compresión alta que reduce el tamaño con pérdida de calidad.
• La apertura y manipulación de una imagen JPG sufre pérdidas JPG debido a compresión/descompresión.

Formato PNG

• Es la alternativa del formato GIF, y permite más de 256 colores.
• Publicada por Wrold Wide Web Consortium, de especificación de uso libre.
• Tiene color indexado con profundidad de color hasta 16,7 millones de colores.
• Los PNG permiten fondos transparentes para la integración, tiene compresión alta y casi no presenta pérdidas de calidad.
• Dos modos de compresión: estándar y progresivo.
• También permite incluir metadatos.

Formato BMP

• Formato introducido por Microsoft y usado por Windows.
• Formato usado para el escaneado, edición e impresión de imágenes fotográficas.
• Es compatible con casi todos los sistemas operativos y editores de imágenes.

Formato PSD

• Formato por defecto del editor Adobe Photoshop y adecuado para editarlo con ese programa.

Formato RAW

• Formato que ofrece la mayor calidad fotográfica.
• Los píxeles no se procesan, y pueden ser procesados posteriormente.

Resolución y profundidad del color

• Las imágenes tienen resolución y profundidad del color.
• La resolución es el grado de detalle de la imagen.
• La profundidad es el número de bits empleado en cada píxel para cada color.
• La resolución se expresa en píxeles por pulgadas o ppp (píxeles por pulgada) o dpi (dots per inch).
• A mayor número de píxeles por pulgada, mayor calidad.
• El monitor muestra los píxeles que es capaz de mostrar en una pulgada, y en papel es el número de puntos por pulgada al que puede imprimir.
• Si cada píxel es un cuadrado de la imagen, el gran número de cuadrados determina su tamaño.
• Para saber cuánto ocupa una imagen al almacenar dependerá de la profundidad del color, al igual que al imprimir dependerá de la "resolución”.

Profundidad del color

• Cada píxel tiene color.
• Por lo tanto la profundidad se mide por el número de bits usado en cada color para un píxel.
• Un bit tiene blanco o negro y 8 bits tienen 256 colores.
• El tamaño de la imagen se expresa como: (alto * ancho * profundidad) / 8
• Cuanto mayor sea la resolución de una imagen, más espacio usará el disco pero menos espacio en papel.

Este cuestionario explora las características de los formatos de imagen como PNG y JPG. Permite a los usuarios evaluar su comprensión de los formatos de imagen más adecuados para la edición, el escaneo y el almacenamiento de imágenes de alta calidad. También evalúa el conocimiento sobre la resolución y la profundidad del color