Categorias: Todos - elemento - pixeles - profundidad - compresión

por LerooyJenkiins LerooyJenkiins 2 anos atrás

96

La imagen en la web

El aliasing en imágenes digitales se refiere a la pérdida de calidad y la aparición de efectos no deseados, como las líneas dentadas. HTML5 introduce un nuevo elemento que facilita la carga de imágenes en sitios web, eliminando la necesidad de hacks en CSS o JavaScript y optimizando la experiencia para usuarios móviles y con conexiones lentas.

La imagen en la web

La imagen en la web

Formatos de archivo de imagen

PSP,PSD
Son formatos usados en distintos programas básicos (Paint Shop Pro, Photoshop).
BMP
Formato de almacenamiento sin compresión de imágenes propiedad de Microsoft.
RAW
Es la imagen de salida que ofrece algunas cámaras digitales. Aunque es un método sin pérdida, ofrece un factor de tres o cuatro menor que el formato TIFF de la misma imagen.
SVG
Es un formato vectorial poco conocido pero muy útil para su uso online por su flexibilidad y por la capacidad de ofrecer gráficos con calidad.
JPEG
JPG es el método de compresión más adecuado para fotografías e imágenes de tonos continuos similares que contiene muchos colores. Permite obtener unos radios de compresión muy altos manteniendo a su vez una calidad en la imagen muy elevada. JPG analiza las imágenes y elimina la información que no es apreciable.
PNG
PNG es también un formato de almacenamiento sin pérdida. Puede comprimir la imagen. Además tal compresión es totalmente reversible y por tanto la imagen que se recupera es exacta a la original.
GIF
GIF crea una tabla de 256 colores a partir de una de 16 millones. Es un formato de archivos de gráficos de mapa de bits (una trama) desarrollado por Compuserve.
TIFF
TIFF es, en principio, un formato muy flexible con o sin pérdida. Los detalles del algoritmo de almacenamiento de la imagen se incluyen como parte del fichero.

Compresión

La compresión es un término importantísimo en el almacenamiento y transferencia digital de la información. Compresión es cualquier tipo de proceso (o algoritmo) que reduzca la cantidad de información contenida en un archivo, ya sea perdiendo o no parte de la información original.

Profundidad de color

Si las coordenadas del pixel determinan su posición en la imagen, la profundidad es la cantidad de memoria requerida para almacenar su color.

Elemento

Sintaxis
a cute kitten
El nuevo elemento de HTML5 permite describir con todo detalle cómo deben cargarse las imágenes de tu sitio web. Ya no serán necesarios los hacks de CSS o JavaScript para gestionar las imágenes responsive de los diseños web. Además, los usuarios se aprovecharán de las ventajas de cargar solamente las imágenes optimizadas para el dispositivo que están utilizando, lo que es especialmente útil para usuarios con móviles y conexiones lentas a Internet.

Aliasing

Aliasing es la palabra acuñada por la teoría de la información para denotar la pérdida de datos después de un proceso o transferencia de información. En la imagen digital el aliasing redunda en la pérdida de calidad, en imágenes digitales de poca profundidad de pixel, genera algunas veces el efecto de escalera o línea dentada, que se ve sobre todo en las líneas curvas u oblicuas.

Pixeles

Los formatos de imágenes de pixeles no dependen tanto de la aplicación con la que fueron creados. Casi todas las aplicaciones que procesan imágenes pixeles pueden leer diversos formatos. BMP (windows), PSD (photoshop), JPEG, GIF, TIF, TGA.
Utilizados en software de captura, retoque o composición de imágenes reales (video o imagen fija) - Photoshop - AfterEffects - Premiere La conversión de una imagen de pixeles a una imagen vector se llama vectorización.
Un pixel puede requerir mayor o menor cantidad de memoria para ser almacenado, y de acuerdo a este valor (llamado la profundidad de un pixel) la imagen podrá desplegar una mayor o menor cantidad de colores
Generalmente, por almacenar cada punto de la imagen, ocupan mayor espacio en memoria, y requieren un tiempo mayor de transferencia a través de las redes.
Los pixeles requieren menos operaciones del procesador para ser decodificados
Los pixeles son la unidad mínima de las imágenes de mapas de bits, también llamadas bitmaps

Vectores

FORMATOS
Los formatos de vectores están muy ligados al tipo de software que se utiliza para crearlos o interpretarlos, y aunque existen maneras de convertir de un formato a otro, siempre existe pérdida de información en dicha conversión. AI (illustrator), CDR (coreldraw), DXF (autocad)
APLICACIONES
Son utilizados generalmente en los programas de dibujo técnico, o modelamiento tridimensional. - Illustrator, Freehand, CorelDraw - Flash - 3D Studio, InfiniD, Maya... La conversión de una imagen de vectores a una imagen de pixeles se llama render
TIPOS
Existen diferentes tipos de vectores o, lo que es igual, diferentes métodos matemáticos de describir una imagen. Por ejemplo, una curva es un primitivo importante de la información vectorial.
Almacenan en pocos bytes información compleja, de manera que se transfieren rápidamente a través de las redes.
Requieren mayor cantidad de operaciones del procesador para ser decodificados y desplegados en la pantalla, ya que siempre se convierten finalmente en una imagen de pixeles a través de un proceso de render
Los vectores son la descripción geométrica (matemática) de una imagen.