SlideShare ist ein Scribd-Unternehmen logo
1 von 16
Downloaden Sie, um offline zu lesen
Imagen   D igital Conceptos Básicos
Es una representación visual de un objeto mediante técnicas diferentes de diseño, fotografía, pintura y video. > |  Qué es una Imagen?
>| Imagen D igital Consideramos Imágenes Digitales a aquellas obtenidas mediante dispositivos como filmadoras, cámaras, celulares, scanners o generadas directamente por ordenadores.
El concepto de píxel Un píxel es cada uno de los pequeños cuadraditos que componen una imagen digital. Podemos hacernos una idea comparando una imagen digital con un mural formado por cientos de pequeños mosaicos de colores. Cada una de esos mosaicos sería un píxel. Cuando nos acercamos al mural vemos cada una de estos mosaicos; al alejarnos lo suficiente vemos una imagen continua, un todo. >| Imagen D igital
El píxel es la unidad mínima de información de una imagen digital, pero a diferencia de los mosaicos puede tener hasta 16,7 millones de colores y pesa bastante menos.
>| Formatos de imagen en un sistema  de mapa de bits. - JPG o JPEG: Es uno de los formatos más conocidos y utilizados por su calidad y peso de los archivos. - GIF: Este tipo de archivo se creó con la finalidad de obtener archivos de tamaño muy pequeños. Es recomendado para guardar imágenes NO fotográficas tales como: Logotipos, imágenes de colores planos, dibujos simples, etc. (8 bits-256 colores) - PNG: Es un formato gráfico que comprime sin pérdida de datos y de uso libre. Almacena imágenes con una mayor profundidad de color (hasta 24 bits)
>| Diferencias, ventajas y desventajas. Pantalla Impresión .jpg, .gif, .png .pdf, .swf Estos formatos pueden incluir gráficos de vectores y  fuentes editables .tiff , .psd, .bmp .eps, .jpg  y .png (alta calidad). Estos formatos guardan  mayor calidad de imagen pero su peso es considerablemente mayor
El Bit y el color Los gráficos de mapa de bits almacenan una completa información sobre el color de cada uno de sus píxeles constituyentes. Cuantos más colores pueda tener la imagen, más calidad final tendrá y más información será necesario almacenar. Relacionados con el número de colores posibles, sus características y su almacenamiento encontramos como característica fundamental la  Profundidad del color 8 bits 16 bits
Profundidad de color La profundidad de color de una imagen se refiere al número de colores diferentes que puede contener cada uno de los puntos o píxeles que la forman, y depende de la cantidad de información (número de bits) que puede almacenar un píxel.
Profundidades de color Cuanto mayor sea la profundidad de bit en una imagen, mayor será la cantidad de tonos (escala de grises o color) que puedan ser representados, más colores habrá disponibles y más exacta será la representación del color en la imagen digital. Las imágenes digitales se pueden producir en blanco y negro, a escala de grises o a color.
Modo: - Bitmap  1 bit  (2 tonos blanco o negro) por pixel - Escala de Grises 8 bits  (256 colores o grises) por pixel - RGB 24 bits  (imagenes en color 16,7 millones de colores) por pixel -  CMYK 32 bits  (para impresion)
Jpg - Modo RGB - 8 bits 167 Kb. Gif 256 colores 111 Kb. Jpg - Modo Escala de Grises- 8 bits 127 Kb.
PPP o PPI o DPI Le resolución es la medida de los detallada y precisa que es una imagen. La escala de resolución se mide en píxeles por pulgada (PPP o DPI o PPI). Cuanto mayor sea la resolución, más detallada y definida es la imagen. Por lo tanto más pesada. Qué formato y resolución utilizar e acuerdo al uso: - Diseños en pantalla:  web, cds. interactivo o presentaciones multimediales Fotos: .jpg o .png  Gráficos:  Vectoriales .swf o .gif o .png Resolución: 72 o 96 dpi - Diseños imprimibles:  folletos, afiches impresiones laser, transparencias, etc. Fotos: .tiff, .psd, .bmp, .jpg o .png (alta calidad) Gráficos: vectores o psd o tiff o pdf Resolución: de 150 a 300 dpi (dependiendo del tamaño de impresión) Resolución de una imagen  (Importante para el peso de la imagen)
Foto en .jpg con 72 dpi 168 Kb. Foto en .jpg con 300 dpi 1167 Kb. ó 1.14 Mb El monitor las va a mostrar similares pero el peso será notoriamente menor mientras menos dpi tenga
>|  Conclusión 1 La para la  Optimización  de imágenes para diseños de pantalla se deberá tener en cuenta La calidad de la imagen en relación con el menor peso posible para lograr presentaciones  Atractivas y de rápida visualización.  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Was ist angesagt?

Características de la Imagen Digital
Características de la Imagen DigitalCaracterísticas de la Imagen Digital
Características de la Imagen Digitalmaixu61
 
Teoria De La Imagen
Teoria De La ImagenTeoria De La Imagen
Teoria De La ImagenJesús
 
Screen and image resolution
Screen and image resolutionScreen and image resolution
Screen and image resolutionlenance
 
Fundamentals Image and Graphics
Fundamentals Image and GraphicsFundamentals Image and Graphics
Fundamentals Image and GraphicsShrawan Adhikari
 
DISEÑO GRÁFICO - TIPOS DE IMAGEN
DISEÑO GRÁFICO - TIPOS DE IMAGENDISEÑO GRÁFICO - TIPOS DE IMAGEN
DISEÑO GRÁFICO - TIPOS DE IMAGENAnghel Quilca
 
Commonly Used Image File Formats
Commonly Used Image File FormatsCommonly Used Image File Formats
Commonly Used Image File FormatsFatih Özlü
 
Compression: Images (JPEG)
Compression: Images (JPEG)Compression: Images (JPEG)
Compression: Images (JPEG)danishrafiq
 
The difference between image size and image resolution
The difference between image size and image resolutionThe difference between image size and image resolution
The difference between image size and image resolutioniFactory Digital
 
PresentacióN De Photoshop
PresentacióN De PhotoshopPresentacióN De Photoshop
PresentacióN De PhotoshopMARIUXI
 
Introduccion a la imagen
Introduccion a la imagenIntroduccion a la imagen
Introduccion a la imagenLucyGV99
 
Explain Animation & Types Of Animation In Computer Graphics
Explain Animation & Types Of Animation In Computer Graphics Explain Animation & Types Of Animation In Computer Graphics
Explain Animation & Types Of Animation In Computer Graphics Vikashkumar2175
 

Was ist angesagt? (20)

Características de la Imagen Digital
Características de la Imagen DigitalCaracterísticas de la Imagen Digital
Características de la Imagen Digital
 
Formatos de Imagen
Formatos de ImagenFormatos de Imagen
Formatos de Imagen
 
Digital image formats
Digital image formatsDigital image formats
Digital image formats
 
Teoria De La Imagen
Teoria De La ImagenTeoria De La Imagen
Teoria De La Imagen
 
Screen and image resolution
Screen and image resolutionScreen and image resolution
Screen and image resolution
 
Imagen digital teoría
Imagen digital   teoríaImagen digital   teoría
Imagen digital teoría
 
Fundamentals Image and Graphics
Fundamentals Image and GraphicsFundamentals Image and Graphics
Fundamentals Image and Graphics
 
DISEÑO GRÁFICO - TIPOS DE IMAGEN
DISEÑO GRÁFICO - TIPOS DE IMAGENDISEÑO GRÁFICO - TIPOS DE IMAGEN
DISEÑO GRÁFICO - TIPOS DE IMAGEN
 
Commonly Used Image File Formats
Commonly Used Image File FormatsCommonly Used Image File Formats
Commonly Used Image File Formats
 
Compression: Images (JPEG)
Compression: Images (JPEG)Compression: Images (JPEG)
Compression: Images (JPEG)
 
The difference between image size and image resolution
The difference between image size and image resolutionThe difference between image size and image resolution
The difference between image size and image resolution
 
PresentacióN De Photoshop
PresentacióN De PhotoshopPresentacióN De Photoshop
PresentacióN De Photoshop
 
Introduccion a la imagen
Introduccion a la imagenIntroduccion a la imagen
Introduccion a la imagen
 
Ejercicios
EjerciciosEjercicios
Ejercicios
 
Graphic design major color modes
Graphic design major color modesGraphic design major color modes
Graphic design major color modes
 
Mapas de bits
Mapas de bitsMapas de bits
Mapas de bits
 
Formatos de Imágenes
Formatos de ImágenesFormatos de Imágenes
Formatos de Imágenes
 
Explain Animation & Types Of Animation In Computer Graphics
Explain Animation & Types Of Animation In Computer Graphics Explain Animation & Types Of Animation In Computer Graphics
Explain Animation & Types Of Animation In Computer Graphics
 
Conceptos clave edición multimedia
Conceptos clave edición multimediaConceptos clave edición multimedia
Conceptos clave edición multimedia
 
Bitmap and vector
Bitmap and vectorBitmap and vector
Bitmap and vector
 

Andere mochten auch

DIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALDIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALguest8f779
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digitalmartapotoc
 
Imagen personal
Imagen personalImagen personal
Imagen personalitm
 
Conceptos básicos de imágen digital
Conceptos básicos de imágen digital Conceptos básicos de imágen digital
Conceptos básicos de imágen digital Elbarto678
 
La Imagen Digital
La Imagen  DigitalLa Imagen  Digital
La Imagen DigitalAlcantara
 
Telemedicina-UABC
Telemedicina-UABCTelemedicina-UABC
Telemedicina-UABCmaeramoreno
 
Imagen análoga VS. Imagen digital
Imagen análoga VS. Imagen digitalImagen análoga VS. Imagen digital
Imagen análoga VS. Imagen digitalMariana Pacheco
 
Imágenes analógicas y digitales
Imágenes analógicas y digitalesImágenes analógicas y digitales
Imágenes analógicas y digitalesinfobran
 
Arquitectura de un_sistema_de_telesalud_y_telemedicina-innovación_e_interoper...
Arquitectura de un_sistema_de_telesalud_y_telemedicina-innovación_e_interoper...Arquitectura de un_sistema_de_telesalud_y_telemedicina-innovación_e_interoper...
Arquitectura de un_sistema_de_telesalud_y_telemedicina-innovación_e_interoper...Nataly Guevara
 
Telesalud
TelesaludTelesalud
Telesaludbsuve
 
Telemedicina
TelemedicinaTelemedicina
Telemedicinareebeca
 
Algunas notas sobre el uso de Delicious
Algunas notas  sobre el uso de DeliciousAlgunas notas  sobre el uso de Delicious
Algunas notas sobre el uso de Deliciousdigitalde
 
Formatos de archivo de imagen y sus caracteristicas @walterjsosa
Formatos de archivo de imagen y sus caracteristicas @walterjsosaFormatos de archivo de imagen y sus caracteristicas @walterjsosa
Formatos de archivo de imagen y sus caracteristicas @walterjsosaWalter Jairzinho Sosa Sanabria
 

Andere mochten auch (20)

La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
DIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITALDIAPOSITIVAS - IMAGEN DIGITAL
DIAPOSITIVAS - IMAGEN DIGITAL
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Imagen personal
Imagen personalImagen personal
Imagen personal
 
Conceptos básicos de imágen digital
Conceptos básicos de imágen digital Conceptos básicos de imágen digital
Conceptos básicos de imágen digital
 
La Imagen Digital
La Imagen  DigitalLa Imagen  Digital
La Imagen Digital
 
Telemedicina-UABC
Telemedicina-UABCTelemedicina-UABC
Telemedicina-UABC
 
Imagen análoga VS. Imagen digital
Imagen análoga VS. Imagen digitalImagen análoga VS. Imagen digital
Imagen análoga VS. Imagen digital
 
Imágenes analógicas y digitales
Imágenes analógicas y digitalesImágenes analógicas y digitales
Imágenes analógicas y digitales
 
Arquitectura de un_sistema_de_telesalud_y_telemedicina-innovación_e_interoper...
Arquitectura de un_sistema_de_telesalud_y_telemedicina-innovación_e_interoper...Arquitectura de un_sistema_de_telesalud_y_telemedicina-innovación_e_interoper...
Arquitectura de un_sistema_de_telesalud_y_telemedicina-innovación_e_interoper...
 
Processamento de imagens
Processamento de imagensProcessamento de imagens
Processamento de imagens
 
Telesalud
TelesaludTelesalud
Telesalud
 
Telemedicina
TelemedicinaTelemedicina
Telemedicina
 
Algunas notas sobre el uso de Delicious
Algunas notas  sobre el uso de DeliciousAlgunas notas  sobre el uso de Delicious
Algunas notas sobre el uso de Delicious
 
Formatos de archivo de imagen y sus caracteristicas @walterjsosa
Formatos de archivo de imagen y sus caracteristicas @walterjsosaFormatos de archivo de imagen y sus caracteristicas @walterjsosa
Formatos de archivo de imagen y sus caracteristicas @walterjsosa
 
Formatos Imagen
Formatos ImagenFormatos Imagen
Formatos Imagen
 
Processamento de Imagens
Processamento de ImagensProcessamento de Imagens
Processamento de Imagens
 
LA TELESALUD
LA TELESALUDLA TELESALUD
LA TELESALUD
 
La Imagen
La ImagenLa Imagen
La Imagen
 

Ähnlich wie 2. Imagen Digital

Conceptos básicos de la Imagen Digital
Conceptos básicos de la Imagen DigitalConceptos básicos de la Imagen Digital
Conceptos básicos de la Imagen DigitalJoaquin Paronzini
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digitalOscarito Guerrero
 
Multimedia
MultimediaMultimedia
MultimediaESPE
 
Imágenes digitales
Imágenes digitalesImágenes digitales
Imágenes digitalessansergio
 
resolucion de imagenes - Procesamiento de imagenes medicas.pdf
resolucion de imagenes - Procesamiento de imagenes medicas.pdfresolucion de imagenes - Procesamiento de imagenes medicas.pdf
resolucion de imagenes - Procesamiento de imagenes medicas.pdfGABRIELTTITOCACERES
 
Imagen01
Imagen01Imagen01
Imagen01c09271
 
Conceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digitalConceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digitalKoldo Parra
 
Imagen digital por evelyn b. martínez
Imagen digital por evelyn b. martínezImagen digital por evelyn b. martínez
Imagen digital por evelyn b. martínezEvelyn507
 
Imagen En Pantalla
Imagen En PantallaImagen En Pantalla
Imagen En Pantallanatachasb
 
Digitalización: conceptos, formatos de digitalización, equipos de captura y s...
Digitalización: conceptos, formatos de digitalización, equipos de captura y s...Digitalización: conceptos, formatos de digitalización, equipos de captura y s...
Digitalización: conceptos, formatos de digitalización, equipos de captura y s...guestc2d800
 
PresentacióN Jv+++
PresentacióN Jv+++PresentacióN Jv+++
PresentacióN Jv+++FESABID
 
Digitalización: conceptos, criterios para la determinación de formatos de dig...
Digitalización: conceptos, criterios para la determinación de formatos de dig...Digitalización: conceptos, criterios para la determinación de formatos de dig...
Digitalización: conceptos, criterios para la determinación de formatos de dig...DIGIBIS
 
Apuntes de photoshop
Apuntes de photoshopApuntes de photoshop
Apuntes de photoshopismajavi
 
Imagen digital - caracteristicas de la imagen digital
Imagen digital - caracteristicas de la imagen digitalImagen digital - caracteristicas de la imagen digital
Imagen digital - caracteristicas de la imagen digitalcompuar_cs
 

Ähnlich wie 2. Imagen Digital (20)

Conceptos básicos de la Imagen Digital
Conceptos básicos de la Imagen DigitalConceptos básicos de la Imagen Digital
Conceptos básicos de la Imagen Digital
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digital
 
Formatos digitales imagen
Formatos digitales imagenFormatos digitales imagen
Formatos digitales imagen
 
La Imagen Digital
La Imagen DigitalLa Imagen Digital
La Imagen Digital
 
Multimedia
MultimediaMultimedia
Multimedia
 
Imágenes digitales
Imágenes digitalesImágenes digitales
Imágenes digitales
 
resolucion de imagenes - Procesamiento de imagenes medicas.pdf
resolucion de imagenes - Procesamiento de imagenes medicas.pdfresolucion de imagenes - Procesamiento de imagenes medicas.pdf
resolucion de imagenes - Procesamiento de imagenes medicas.pdf
 
Imagen01
Imagen01Imagen01
Imagen01
 
Diseño Digital II
Diseño Digital IIDiseño Digital II
Diseño Digital II
 
Conceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digitalConceptos básicos sobre imagen digital
Conceptos básicos sobre imagen digital
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
Imagen digital por evelyn b. martínez
Imagen digital por evelyn b. martínezImagen digital por evelyn b. martínez
Imagen digital por evelyn b. martínez
 
Imagen En Pantalla
Imagen En PantallaImagen En Pantalla
Imagen En Pantalla
 
Digitalización: conceptos, formatos de digitalización, equipos de captura y s...
Digitalización: conceptos, formatos de digitalización, equipos de captura y s...Digitalización: conceptos, formatos de digitalización, equipos de captura y s...
Digitalización: conceptos, formatos de digitalización, equipos de captura y s...
 
PresentacióN Jv+++
PresentacióN Jv+++PresentacióN Jv+++
PresentacióN Jv+++
 
Digitalización: conceptos, criterios para la determinación de formatos de dig...
Digitalización: conceptos, criterios para la determinación de formatos de dig...Digitalización: conceptos, criterios para la determinación de formatos de dig...
Digitalización: conceptos, criterios para la determinación de formatos de dig...
 
Apuntes de photoshop
Apuntes de photoshopApuntes de photoshop
Apuntes de photoshop
 
Imagen digital - caracteristicas de la imagen digital
Imagen digital - caracteristicas de la imagen digitalImagen digital - caracteristicas de la imagen digital
Imagen digital - caracteristicas de la imagen digital
 
Fotografia
FotografiaFotografia
Fotografia
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 

Mehr von Fernando Irigaray

3. Aplicaciones: webdocs y videos interactivos
3. Aplicaciones: webdocs y videos interactivos3. Aplicaciones: webdocs y videos interactivos
3. Aplicaciones: webdocs y videos interactivosFernando Irigaray
 
1. Principios y dimensiones de una producción digital interactiva
1. Principios y dimensiones de una producción digital interactiva1. Principios y dimensiones de una producción digital interactiva
1. Principios y dimensiones de una producción digital interactivaFernando Irigaray
 
Jornalismo Transmídia desde a periferia
Jornalismo Transmídia desde a periferiaJornalismo Transmídia desde a periferia
Jornalismo Transmídia desde a periferiaFernando Irigaray
 
Del documental multimedia al documental Transmedia: Mujeres en venta
Del documental multimedia al documental Transmedia: Mujeres en venta Del documental multimedia al documental Transmedia: Mujeres en venta
Del documental multimedia al documental Transmedia: Mujeres en venta Fernando Irigaray
 
Navegación Territorial: Entramado Narrativo Urbana. Tras los pasos de El Homb...
Navegación Territorial: Entramado Narrativo Urbana. Tras los pasos de El Homb...Navegación Territorial: Entramado Narrativo Urbana. Tras los pasos de El Homb...
Navegación Territorial: Entramado Narrativo Urbana. Tras los pasos de El Homb...Fernando Irigaray
 
Twitter: aplicaciones y usos III
Twitter: aplicaciones y usos IIITwitter: aplicaciones y usos III
Twitter: aplicaciones y usos IIIFernando Irigaray
 
Twitter: aplicaciones y usos II
Twitter: aplicaciones y usos IITwitter: aplicaciones y usos II
Twitter: aplicaciones y usos IIFernando Irigaray
 
Twitter: aplicaciones y usos I
Twitter: aplicaciones y usos ITwitter: aplicaciones y usos I
Twitter: aplicaciones y usos IFernando Irigaray
 
1. De la web 2.0 a la web 2.1
1. De la web 2.0 a la web 2.11. De la web 2.0 a la web 2.1
1. De la web 2.0 a la web 2.1Fernando Irigaray
 
1. De la web 2.0 a la web 2.1
1. De la web 2.0 a la web 2.11. De la web 2.0 a la web 2.1
1. De la web 2.0 a la web 2.1Fernando Irigaray
 
2 . Web 2.0: Del usuario consumidor al usuario productor
2 . Web 2.0:Del usuario consumidor al usuario productor2 . Web 2.0:Del usuario consumidor al usuario productor
2 . Web 2.0: Del usuario consumidor al usuario productorFernando Irigaray
 
2 . Web 2.0: Del usuario consumidor al usuario productor
2 . Web 2.0:Del usuario consumidor al usuario productor2 . Web 2.0:Del usuario consumidor al usuario productor
2 . Web 2.0: Del usuario consumidor al usuario productorFernando Irigaray
 
1. Cambios en la formación del ciberperiodismo
1. Cambios en la formación del ciberperiodismo1. Cambios en la formación del ciberperiodismo
1. Cambios en la formación del ciberperiodismoFernando Irigaray
 
1 - Modelos de Comunicación y Modelos de Educación
1 - Modelos de Comunicación y Modelos de Educación1 - Modelos de Comunicación y Modelos de Educación
1 - Modelos de Comunicación y Modelos de EducaciónFernando Irigaray
 
Comunicación/Educación . La visión de Jorge Huergo
Comunicación/Educación. La visión de Jorge HuergoComunicación/Educación. La visión de Jorge Huergo
Comunicación/Educación . La visión de Jorge HuergoFernando Irigaray
 

Mehr von Fernando Irigaray (20)

3. Aplicaciones: webdocs y videos interactivos
3. Aplicaciones: webdocs y videos interactivos3. Aplicaciones: webdocs y videos interactivos
3. Aplicaciones: webdocs y videos interactivos
 
2. Periodismo Transmedia
2. Periodismo Transmedia2. Periodismo Transmedia
2. Periodismo Transmedia
 
1. Principios y dimensiones de una producción digital interactiva
1. Principios y dimensiones de una producción digital interactiva1. Principios y dimensiones de una producción digital interactiva
1. Principios y dimensiones de una producción digital interactiva
 
Jornalismo Transmídia desde a periferia
Jornalismo Transmídia desde a periferiaJornalismo Transmídia desde a periferia
Jornalismo Transmídia desde a periferia
 
Del documental multimedia al documental Transmedia: Mujeres en venta
Del documental multimedia al documental Transmedia: Mujeres en venta Del documental multimedia al documental Transmedia: Mujeres en venta
Del documental multimedia al documental Transmedia: Mujeres en venta
 
Navegación Territorial: Entramado Narrativo Urbana. Tras los pasos de El Homb...
Navegación Territorial: Entramado Narrativo Urbana. Tras los pasos de El Homb...Navegación Territorial: Entramado Narrativo Urbana. Tras los pasos de El Homb...
Navegación Territorial: Entramado Narrativo Urbana. Tras los pasos de El Homb...
 
Community manager
Community managerCommunity manager
Community manager
 
Twitter: aplicaciones y usos III
Twitter: aplicaciones y usos IIITwitter: aplicaciones y usos III
Twitter: aplicaciones y usos III
 
Twitter: aplicaciones y usos II
Twitter: aplicaciones y usos IITwitter: aplicaciones y usos II
Twitter: aplicaciones y usos II
 
Twitter: aplicaciones y usos I
Twitter: aplicaciones y usos ITwitter: aplicaciones y usos I
Twitter: aplicaciones y usos I
 
1. De la web 2.0 a la web 2.1
1. De la web 2.0 a la web 2.11. De la web 2.0 a la web 2.1
1. De la web 2.0 a la web 2.1
 
Diseño Multimedial
Diseño MultimedialDiseño Multimedial
Diseño Multimedial
 
1. De la web 2.0 a la web 2.1
1. De la web 2.0 a la web 2.11. De la web 2.0 a la web 2.1
1. De la web 2.0 a la web 2.1
 
2 . Web 2.0: Del usuario consumidor al usuario productor
2 . Web 2.0:Del usuario consumidor al usuario productor2 . Web 2.0:Del usuario consumidor al usuario productor
2 . Web 2.0: Del usuario consumidor al usuario productor
 
2 . Web 2.0: Del usuario consumidor al usuario productor
2 . Web 2.0:Del usuario consumidor al usuario productor2 . Web 2.0:Del usuario consumidor al usuario productor
2 . Web 2.0: Del usuario consumidor al usuario productor
 
Convergencia de medios
Convergencia de mediosConvergencia de medios
Convergencia de medios
 
1. Cambios en la formación del ciberperiodismo
1. Cambios en la formación del ciberperiodismo1. Cambios en la formación del ciberperiodismo
1. Cambios en la formación del ciberperiodismo
 
1 - Modelos de Comunicación y Modelos de Educación
1 - Modelos de Comunicación y Modelos de Educación1 - Modelos de Comunicación y Modelos de Educación
1 - Modelos de Comunicación y Modelos de Educación
 
Comunicación/Educación . La visión de Jorge Huergo
Comunicación/Educación. La visión de Jorge HuergoComunicación/Educación. La visión de Jorge Huergo
Comunicación/Educación . La visión de Jorge Huergo
 
Tecnología y Conocimiento
Tecnología y ConocimientoTecnología y Conocimiento
Tecnología y Conocimiento
 

Kürzlich hochgeladen

CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTOCIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTOCEIP TIERRA DE PINARES
 
plan espacios inspiradores para nivel primaria
plan espacios inspiradores para nivel primariaplan espacios inspiradores para nivel primaria
plan espacios inspiradores para nivel primariaElizabeth252489
 
UNIDAD DE APRENDIZAJE CERO - 3 DPCC - copia.pdf
UNIDAD  DE APRENDIZAJE  CERO -  3 DPCC - copia.pdfUNIDAD  DE APRENDIZAJE  CERO -  3 DPCC - copia.pdf
UNIDAD DE APRENDIZAJE CERO - 3 DPCC - copia.pdfjuangabriel2296
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCEROCIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCEROCEIP TIERRA DE PINARES
 
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.docGLADYSPASTOR
 
CARPETA PEDAGÓGICA 2024.docx para educacion
CARPETA PEDAGÓGICA 2024.docx para educacionCARPETA PEDAGÓGICA 2024.docx para educacion
CARPETA PEDAGÓGICA 2024.docx para educacionCarolVigo1
 
Recursos Tecnológicos, página AIP-CRT 2 0 2 4.pdf
Recursos Tecnológicos, página  AIP-CRT 2 0 2 4.pdfRecursos Tecnológicos, página  AIP-CRT 2 0 2 4.pdf
Recursos Tecnológicos, página AIP-CRT 2 0 2 4.pdfNELLYKATTY
 
Revista digital primer ciclo 2024 colección ediba
Revista digital primer ciclo 2024 colección edibaRevista digital primer ciclo 2024 colección ediba
Revista digital primer ciclo 2024 colección edibaTatiTerlecky1
 
Temas para GP (1).pdf Semana santa la última victoria
Temas para GP (1).pdf Semana santa la última victoriaTemas para GP (1).pdf Semana santa la última victoria
Temas para GP (1).pdf Semana santa la última victoriaFernando Rojas
 
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfAnna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfSaraGabrielaPrezPonc
 
Presentación: Actividad de Diálogos adolescentes.pptx
Presentación: Actividad de  Diálogos adolescentes.pptxPresentación: Actividad de  Diálogos adolescentes.pptx
Presentación: Actividad de Diálogos adolescentes.pptxNabel Paulino Guerra Huaranca
 
PPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULAR
PPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULARPPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULAR
PPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULARCesarSantosTello
 
Kirpi-el-erizo libro descargar pdf 1 link
Kirpi-el-erizo libro descargar pdf 1 linkKirpi-el-erizo libro descargar pdf 1 link
Kirpi-el-erizo libro descargar pdf 1 linkMaximilianoMaldonado17
 
Adoración sin fin al Dios Creador por sus bendiciones
Adoración sin fin al Dios Creador por sus bendicionesAdoración sin fin al Dios Creador por sus bendiciones
Adoración sin fin al Dios Creador por sus bendicionesAlejandrino Halire Ccahuana
 
PPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptxPPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptxKarenSepulveda23
 
Presentación del tema: tecnología educativa
Presentación del tema: tecnología educativaPresentación del tema: tecnología educativa
Presentación del tema: tecnología educativaricardoruizaleman
 
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdfceeabarcia
 
Xardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES MonelosXardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES MonelosAgrela Elvixeo
 

Kürzlich hochgeladen (20)

CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTOCIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
 
plan espacios inspiradores para nivel primaria
plan espacios inspiradores para nivel primariaplan espacios inspiradores para nivel primaria
plan espacios inspiradores para nivel primaria
 
UNIDAD DE APRENDIZAJE CERO - 3 DPCC - copia.pdf
UNIDAD  DE APRENDIZAJE  CERO -  3 DPCC - copia.pdfUNIDAD  DE APRENDIZAJE  CERO -  3 DPCC - copia.pdf
UNIDAD DE APRENDIZAJE CERO - 3 DPCC - copia.pdf
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCEROCIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE TERCERO
 
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
 
CARPETA PEDAGÓGICA 2024.docx para educacion
CARPETA PEDAGÓGICA 2024.docx para educacionCARPETA PEDAGÓGICA 2024.docx para educacion
CARPETA PEDAGÓGICA 2024.docx para educacion
 
Recursos Tecnológicos, página AIP-CRT 2 0 2 4.pdf
Recursos Tecnológicos, página  AIP-CRT 2 0 2 4.pdfRecursos Tecnológicos, página  AIP-CRT 2 0 2 4.pdf
Recursos Tecnológicos, página AIP-CRT 2 0 2 4.pdf
 
Revista digital primer ciclo 2024 colección ediba
Revista digital primer ciclo 2024 colección edibaRevista digital primer ciclo 2024 colección ediba
Revista digital primer ciclo 2024 colección ediba
 
Temas para GP (1).pdf Semana santa la última victoria
Temas para GP (1).pdf Semana santa la última victoriaTemas para GP (1).pdf Semana santa la última victoria
Temas para GP (1).pdf Semana santa la última victoria
 
Tema 5.- BASES DE DATOS Y GESTIÓN DE LA INF. PARA EL MARKETING.pdf
Tema 5.- BASES DE DATOS Y GESTIÓN DE LA INF. PARA EL MARKETING.pdfTema 5.- BASES DE DATOS Y GESTIÓN DE LA INF. PARA EL MARKETING.pdf
Tema 5.- BASES DE DATOS Y GESTIÓN DE LA INF. PARA EL MARKETING.pdf
 
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfAnna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
 
Presentación: Actividad de Diálogos adolescentes.pptx
Presentación: Actividad de  Diálogos adolescentes.pptxPresentación: Actividad de  Diálogos adolescentes.pptx
Presentación: Actividad de Diálogos adolescentes.pptx
 
PPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULAR
PPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULARPPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULAR
PPT RM N° 587 -2023 PRIMARIA.pdf DE LA EDUCACION BASICA REGULAR
 
Kirpi-el-erizo libro descargar pdf 1 link
Kirpi-el-erizo libro descargar pdf 1 linkKirpi-el-erizo libro descargar pdf 1 link
Kirpi-el-erizo libro descargar pdf 1 link
 
Power Point E. Sab: Adoración sin fin...
Power Point E. Sab: Adoración sin fin...Power Point E. Sab: Adoración sin fin...
Power Point E. Sab: Adoración sin fin...
 
Adoración sin fin al Dios Creador por sus bendiciones
Adoración sin fin al Dios Creador por sus bendicionesAdoración sin fin al Dios Creador por sus bendiciones
Adoración sin fin al Dios Creador por sus bendiciones
 
PPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptxPPT Protocolo de desregulación emocional.pptx
PPT Protocolo de desregulación emocional.pptx
 
Presentación del tema: tecnología educativa
Presentación del tema: tecnología educativaPresentación del tema: tecnología educativa
Presentación del tema: tecnología educativa
 
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
 
Xardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES MonelosXardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES Monelos
 

2. Imagen Digital

  • 1. Imagen D igital Conceptos Básicos
  • 2. Es una representación visual de un objeto mediante técnicas diferentes de diseño, fotografía, pintura y video. > | Qué es una Imagen?
  • 3. >| Imagen D igital Consideramos Imágenes Digitales a aquellas obtenidas mediante dispositivos como filmadoras, cámaras, celulares, scanners o generadas directamente por ordenadores.
  • 4. El concepto de píxel Un píxel es cada uno de los pequeños cuadraditos que componen una imagen digital. Podemos hacernos una idea comparando una imagen digital con un mural formado por cientos de pequeños mosaicos de colores. Cada una de esos mosaicos sería un píxel. Cuando nos acercamos al mural vemos cada una de estos mosaicos; al alejarnos lo suficiente vemos una imagen continua, un todo. >| Imagen D igital
  • 5. El píxel es la unidad mínima de información de una imagen digital, pero a diferencia de los mosaicos puede tener hasta 16,7 millones de colores y pesa bastante menos.
  • 6. >| Formatos de imagen en un sistema de mapa de bits. - JPG o JPEG: Es uno de los formatos más conocidos y utilizados por su calidad y peso de los archivos. - GIF: Este tipo de archivo se creó con la finalidad de obtener archivos de tamaño muy pequeños. Es recomendado para guardar imágenes NO fotográficas tales como: Logotipos, imágenes de colores planos, dibujos simples, etc. (8 bits-256 colores) - PNG: Es un formato gráfico que comprime sin pérdida de datos y de uso libre. Almacena imágenes con una mayor profundidad de color (hasta 24 bits)
  • 7. >| Diferencias, ventajas y desventajas. Pantalla Impresión .jpg, .gif, .png .pdf, .swf Estos formatos pueden incluir gráficos de vectores y fuentes editables .tiff , .psd, .bmp .eps, .jpg y .png (alta calidad). Estos formatos guardan mayor calidad de imagen pero su peso es considerablemente mayor
  • 8. El Bit y el color Los gráficos de mapa de bits almacenan una completa información sobre el color de cada uno de sus píxeles constituyentes. Cuantos más colores pueda tener la imagen, más calidad final tendrá y más información será necesario almacenar. Relacionados con el número de colores posibles, sus características y su almacenamiento encontramos como característica fundamental la Profundidad del color 8 bits 16 bits
  • 9. Profundidad de color La profundidad de color de una imagen se refiere al número de colores diferentes que puede contener cada uno de los puntos o píxeles que la forman, y depende de la cantidad de información (número de bits) que puede almacenar un píxel.
  • 10. Profundidades de color Cuanto mayor sea la profundidad de bit en una imagen, mayor será la cantidad de tonos (escala de grises o color) que puedan ser representados, más colores habrá disponibles y más exacta será la representación del color en la imagen digital. Las imágenes digitales se pueden producir en blanco y negro, a escala de grises o a color.
  • 11. Modo: - Bitmap 1 bit (2 tonos blanco o negro) por pixel - Escala de Grises 8 bits (256 colores o grises) por pixel - RGB 24 bits (imagenes en color 16,7 millones de colores) por pixel - CMYK 32 bits (para impresion)
  • 12. Jpg - Modo RGB - 8 bits 167 Kb. Gif 256 colores 111 Kb. Jpg - Modo Escala de Grises- 8 bits 127 Kb.
  • 13. PPP o PPI o DPI Le resolución es la medida de los detallada y precisa que es una imagen. La escala de resolución se mide en píxeles por pulgada (PPP o DPI o PPI). Cuanto mayor sea la resolución, más detallada y definida es la imagen. Por lo tanto más pesada. Qué formato y resolución utilizar e acuerdo al uso: - Diseños en pantalla: web, cds. interactivo o presentaciones multimediales Fotos: .jpg o .png Gráficos: Vectoriales .swf o .gif o .png Resolución: 72 o 96 dpi - Diseños imprimibles: folletos, afiches impresiones laser, transparencias, etc. Fotos: .tiff, .psd, .bmp, .jpg o .png (alta calidad) Gráficos: vectores o psd o tiff o pdf Resolución: de 150 a 300 dpi (dependiendo del tamaño de impresión) Resolución de una imagen (Importante para el peso de la imagen)
  • 14. Foto en .jpg con 72 dpi 168 Kb. Foto en .jpg con 300 dpi 1167 Kb. ó 1.14 Mb El monitor las va a mostrar similares pero el peso será notoriamente menor mientras menos dpi tenga
  • 15.
  • 16.