SlideShare une entreprise Scribd logo
1  sur  43
PIXEL & VECTOR
Pixel
El PIXEL (del inglés "picture element")
es el elemento más pequeño de una
imagen digital.

Es la menor unidad homogénea de
color que forma parte de una imagen
digital, ya sea esta una fotografía, un
fotograma de vídeo o un gráfico.
3
Los pixeles son la unidad mínima de las imágenes
de mapas de bits, que también son llamadas
imágenes raster o bitmaps.


Un mapa de bits es
una matriz cartesiana
(bidimensional) de
pixeles, con
coordenadas verticales
y horizontales que
determinan la posición
de un pixel en la
imagen.

                                              4
Ampliando lo
suficiente una imagen
digital (zoom), por
ejemplo en la pantalla
de un ordenador,
pueden observarse
los píxeles que
componen la imagen.

Los píxeles aparecen
como pequeños
cuadrados o
rectángulos en color,
en blanco o en negro,
o en matices de gris.
Un pixel puede
requerir mayor o
menor cantidad
de memoria para
ser almacenado,
y de acuerdo a
este valor
( Profundidad de
Color) la imagen
puede desplegar
una mayor o
menor cantidad
de colores.
Un píxel tiene tres características distinguibles:


• Forma cuadrada
• Posición relativa al
   resto de píxeles
   de un mapa de
   bits.
• Profundidad de
   color (capacidad
   para almacenar
   color), que se
   expresa en bits.




                                                     8
El hecho de que no los percibamos
como unidades independientes sino
como un conjunto se debe a una
limitación de nuestra visión que nos da
esa sensación de continuidad.
Sólo es cuestión de aproximarse lo
suficiente o ampliar la imagen para
que podamos llegar a percibir cada
uno de estos elementos cuadrados


                                     9
10
Características de los pixeles
 que forman la imagen
Resolución
 espacial: Es el
 número de
 píxeles que
 conforman un
 mosaico y el
 tamaño de cada
 uno de ellos.
                                 11
Características de los pixeles
 que forman la imagen
• Resolución de una
  imagen: Es única y
  exclusivamente sus
  dimensiones expresadas
  en píxeles de anchura
  por píxeles de altura, o
  bien a la superficie total.
                                 12
Resolución de imagen

Cuanto más alta sea la resolución, más píxeles hay en
  una imagen: más grande es su mapa de bits.
• Las resoluciones altas permiten un mayor detalle y
  transiciones de color sutiles en la imagen.
• La resolución, además de con la densidad de pixels
  de una imagen, esta íntimamente relacionada con su
  tamaño. Así, para mantener la calidad de
  reproducción, al variar su tamaño, tendremos que
  variar también la resolución.

                                                 13
Pantalla        72 ppp
Imp. digital   150 ppp
Imp. Offset    300 ppp   14
15
16
Formatos

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 / PNG


Existen formatos que almacenan información de pixeles en un sólo archivo. Algunos
   formatos que pueden contener información mezclada son: PICT, WMF (windows),
   EPS, empleado para impresión en papel) y PDF (formato portátil de adobe)




                                                                             17
Profundidad de color

También denominada
   profundidad del
   píxel o profundidad
   de bits de una
   imagen, se refiere al
   número de colores
   diferentes que
   puede contener
   cada uno de los
   pixeles, que
   conforman un
   archivo gráfico.




                           18
•   En otras palabras, la profundidad de color depende de la cantidad de
    información que puede almacenar un píxel.
    La profundidad de un pixel sólo representa cantidad de información, no
    posición espacial.




                                                                             19
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. Dicha pérdida se denomina
   aliasing.
De hecho, convertir una imagen de 24 bits (un archivo TGA, por ejemplo) a una
   imagen de 8 bits (un GIF, p.ej.) es un proceso de compresión, puesto que estoy
   reduciendo la cantidad de memoria que necesito para representar cada pixel de
   la imagen original.
El cálculo de la tabla anterior fallará en el caso que se esté utilizando un formato de
    archivo que soporte algún tipo de compresión de la información.




                                                                                   20
VECTOR
 Los vectores, serie de puntos y
líneas unidos entre si originando
objetos formados matemáticamente.
Formadas por contornos y rellenos
definidos matemáticamente. Vectores
Imagen Vectorial
Los Vectores
consisten de
puntos, líneas y
curvas, las cuales
al combinarse
pueden formar
objetos complejos.
¡’



Elementos
Vectorial
    Los elementos  que 
    componen la imagen 
    vectorial son por una 
    serie de puntos con 
    curvas, un relleno y 
    un contorno de color 
    determinado. 
El elemento principal y comúnmente usado son
las Curvas Bezier.
Formatos
     y
Aplicaciones
Formatos
Raster




Vectorial
Aplicaciones
DIFERENCIAS
DIFERENCIAS
Rasterizar   Vectorizar.
Ventajas y Desventajas
             Raster                              Vectorial


• Los pixeles requieren menos       •   Requieren menor espacio.
  operaciones del procesador        •   Algunos formatos permiten
  para ser decodificados.               animación .
• Ocupan mayor espacio de           •   No pierden calidad al ser
  almacenamiento.                       escalados, rotados o
• Tienen una resolución fija.           deformados.
• Cualquier operación de            •   No son aptos para mostrar
  reducción o ampliación afecta a       fotografías o imágenes
  la calidad de la imagen.              complejas, aunque algunos
• Son buenos para almacenar             formatos admiten una
  texturas complejas.                   composición mixta (vector +
                                        imagen bitmap).
                                    •   Deben ser procesados .
alberto@xanvilar.com
    @xanvilar|@scribaid
www.facebook.com/scribaid

Contenu connexe

Tendances

Clase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoClase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoDania Hernandez Moreno
 
Imagen vectorial y mapa de bits
Imagen vectorial y mapa de bitsImagen vectorial y mapa de bits
Imagen vectorial y mapa de bitsAriadnaD1sena
 
Ilustracion digital
Ilustracion digitalIlustracion digital
Ilustracion digitaljucellas
 
Profundidad de color y tamaño de imagen
Profundidad de color y tamaño de imagenProfundidad de color y tamaño de imagen
Profundidad de color y tamaño de imagenJHOINER CUELLAR ARENAS
 
Publicidad gráfica vs Diseño gráfico.
Publicidad gráfica vs Diseño gráfico.Publicidad gráfica vs Diseño gráfico.
Publicidad gráfica vs Diseño gráfico.candelarramendi
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.Monica Pelaez
 
Ilustración Digital
Ilustración DigitalIlustración Digital
Ilustración DigitalUtopia Z
 
Diseño gráfico cartel
Diseño gráfico  cartelDiseño gráfico  cartel
Diseño gráfico cartelalfredoU2
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficojorge caicedo solano
 
Grados de iconicidad plastica y visual
Grados de iconicidad plastica y visualGrados de iconicidad plastica y visual
Grados de iconicidad plastica y visualBenjamin Martinez Orti
 
Mapas De Bits
Mapas De BitsMapas De Bits
Mapas De Bitslaura
 
Plano seriado estudiante
Plano seriado estudiante Plano seriado estudiante
Plano seriado estudiante yeison97080
 
Imagen Digital_conceptos básicos
Imagen Digital_conceptos básicosImagen Digital_conceptos básicos
Imagen Digital_conceptos básicosliccom
 
Teoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del DiseñoTeoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del DiseñoLuis Frias
 

Tendances (20)

Vector vs pixel
Vector vs pixelVector vs pixel
Vector vs pixel
 
diseno-grafico
diseno-graficodiseno-grafico
diseno-grafico
 
Clase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoClase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño Gráfico
 
Imagen vectorial y mapa de bits
Imagen vectorial y mapa de bitsImagen vectorial y mapa de bits
Imagen vectorial y mapa de bits
 
fotomontaje
fotomontajefotomontaje
fotomontaje
 
2. Imagen Digital
2. Imagen Digital2. Imagen Digital
2. Imagen Digital
 
Ilustracion digital
Ilustracion digitalIlustracion digital
Ilustracion digital
 
Profundidad de color y tamaño de imagen
Profundidad de color y tamaño de imagenProfundidad de color y tamaño de imagen
Profundidad de color y tamaño de imagen
 
Publicidad gráfica vs Diseño gráfico.
Publicidad gráfica vs Diseño gráfico.Publicidad gráfica vs Diseño gráfico.
Publicidad gráfica vs Diseño gráfico.
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.
 
Ilustración Digital
Ilustración DigitalIlustración Digital
Ilustración Digital
 
El Lenguaje Visual
El Lenguaje VisualEl Lenguaje Visual
El Lenguaje Visual
 
Diseño gráfico cartel
Diseño gráfico  cartelDiseño gráfico  cartel
Diseño gráfico cartel
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráfico
 
Sintaxis de la imagen
Sintaxis de la imagenSintaxis de la imagen
Sintaxis de la imagen
 
Grados de iconicidad plastica y visual
Grados de iconicidad plastica y visualGrados de iconicidad plastica y visual
Grados de iconicidad plastica y visual
 
Mapas De Bits
Mapas De BitsMapas De Bits
Mapas De Bits
 
Plano seriado estudiante
Plano seriado estudiante Plano seriado estudiante
Plano seriado estudiante
 
Imagen Digital_conceptos básicos
Imagen Digital_conceptos básicosImagen Digital_conceptos básicos
Imagen Digital_conceptos básicos
 
Teoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del DiseñoTeoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del Diseño
 

En vedette (15)

Pixel & vector
Pixel & vectorPixel & vector
Pixel & vector
 
Analisis de Redes Sociales - Toulouse Lautrec
Analisis de Redes Sociales - Toulouse LautrecAnalisis de Redes Sociales - Toulouse Lautrec
Analisis de Redes Sociales - Toulouse Lautrec
 
Taller de Inkscape
Taller de InkscapeTaller de Inkscape
Taller de Inkscape
 
Resolucion digital
Resolucion digitalResolucion digital
Resolucion digital
 
Modo de color ncs
Modo de color ncsModo de color ncs
Modo de color ncs
 
Preguntas del color
Preguntas del colorPreguntas del color
Preguntas del color
 
Resolucion digital multimedia
Resolucion digital multimediaResolucion digital multimedia
Resolucion digital multimedia
 
Resolucion digital sandrita
Resolucion digital sandritaResolucion digital sandrita
Resolucion digital sandrita
 
Fotografía digital
Fotografía digitalFotografía digital
Fotografía digital
 
Hangout photoshopio vector_pixel
Hangout photoshopio vector_pixelHangout photoshopio vector_pixel
Hangout photoshopio vector_pixel
 
Photoshop vector e imagen
Photoshop vector e imagenPhotoshop vector e imagen
Photoshop vector e imagen
 
Imagendigital
ImagendigitalImagendigital
Imagendigital
 
Color
ColorColor
Color
 
Pixel Y Vector
Pixel Y VectorPixel Y Vector
Pixel Y Vector
 
Resolucion digital
Resolucion digitalResolucion digital
Resolucion digital
 

Similaire à Pixel vs vector

Similaire à Pixel vs vector (20)

Pixel
PixelPixel
Pixel
 
Formatos de Imagen
Formatos de ImagenFormatos de Imagen
Formatos de Imagen
 
Presentación de imagen digital
Presentación de imagen digitalPresentación de imagen digital
Presentación de imagen digital
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Actividad
ActividadActividad
Actividad
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digital
 
Tema 2 Imagen rasterizada e Imagen digital
Tema 2   Imagen rasterizada e Imagen digitalTema 2   Imagen rasterizada e Imagen digital
Tema 2 Imagen rasterizada e Imagen digital
 
Imagenes vectoriales
Imagenes vectorialesImagenes vectoriales
Imagenes vectoriales
 
Consulta de pixeles
Consulta de pixeles Consulta de pixeles
Consulta de pixeles
 
Actividad
ActividadActividad
Actividad
 
Actividad
ActividadActividad
Actividad
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digital
 
GUIA MIERCOLES 13 MARZO JOHANA GUATEQUE
GUIA MIERCOLES 13 MARZO JOHANA GUATEQUEGUIA MIERCOLES 13 MARZO JOHANA GUATEQUE
GUIA MIERCOLES 13 MARZO JOHANA GUATEQUE
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Introducción a la imagen digital
Introducción a la imagen digitalIntroducción a la imagen digital
Introducción a la imagen digital
 
Pixel
PixelPixel
Pixel
 
Guia
GuiaGuia
Guia
 
Preprensa digital
Preprensa digitalPreprensa digital
Preprensa digital
 
Imagen Vestorial Y De Mapa De Bits
Imagen Vestorial Y De Mapa De BitsImagen Vestorial Y De Mapa De Bits
Imagen Vestorial Y De Mapa De Bits
 
Imágenes digitales
Imágenes digitalesImágenes digitales
Imágenes digitales
 

Plus de Xanvilar

Memoria aula de salud 2022
Memoria aula de salud 2022Memoria aula de salud 2022
Memoria aula de salud 2022Xanvilar
 
Como utilizan as empresas as novas canles de comunicación
Como utilizan as empresas as novas canles de comunicaciónComo utilizan as empresas as novas canles de comunicación
Como utilizan as empresas as novas canles de comunicaciónXanvilar
 
Datos #cocido trip
Datos #cocido tripDatos #cocido trip
Datos #cocido tripXanvilar
 
Cloud computing
Cloud computingCloud computing
Cloud computingXanvilar
 
04. estilos y tratamientos fotográficos
04.  estilos y tratamientos fotográficos04.  estilos y tratamientos fotográficos
04. estilos y tratamientos fotográficosXanvilar
 
04. hdr photoshop
04.  hdr photoshop04.  hdr photoshop
04. hdr photoshopXanvilar
 
05. Limpiando caras
05.  Limpiando caras05.  Limpiando caras
05. Limpiando carasXanvilar
 
Glosario grafco
Glosario grafcoGlosario grafco
Glosario grafcoXanvilar
 
Calibre. Guía de inicio rápido.
Calibre. Guía de inicio rápido.Calibre. Guía de inicio rápido.
Calibre. Guía de inicio rápido.Xanvilar
 
Iniciación calibre 20110610
Iniciación calibre 20110610Iniciación calibre 20110610
Iniciación calibre 20110610Xanvilar
 
Köning architektur
Köning architekturKöning architektur
Köning architekturXanvilar
 
Manual identidad corporativa universidad alicante
Manual identidad corporativa universidad alicanteManual identidad corporativa universidad alicante
Manual identidad corporativa universidad alicanteXanvilar
 
Imagen corporativa renfe 2000
Imagen corporativa renfe 2000Imagen corporativa renfe 2000
Imagen corporativa renfe 2000Xanvilar
 
Smc Imagen corporativa
Smc Imagen corporativaSmc Imagen corporativa
Smc Imagen corporativaXanvilar
 
Branding Digital
Branding DigitalBranding Digital
Branding DigitalXanvilar
 
Teoria del color
Teoria del colorTeoria del color
Teoria del colorXanvilar
 
Photoshop Intro
Photoshop IntroPhotoshop Intro
Photoshop IntroXanvilar
 

Plus de Xanvilar (20)

Memoria aula de salud 2022
Memoria aula de salud 2022Memoria aula de salud 2022
Memoria aula de salud 2022
 
Como utilizan as empresas as novas canles de comunicación
Como utilizan as empresas as novas canles de comunicaciónComo utilizan as empresas as novas canles de comunicación
Como utilizan as empresas as novas canles de comunicación
 
Datos #cocido trip
Datos #cocido tripDatos #cocido trip
Datos #cocido trip
 
Cloud computing
Cloud computingCloud computing
Cloud computing
 
04. estilos y tratamientos fotográficos
04.  estilos y tratamientos fotográficos04.  estilos y tratamientos fotográficos
04. estilos y tratamientos fotográficos
 
04. hdr photoshop
04.  hdr photoshop04.  hdr photoshop
04. hdr photoshop
 
05. Limpiando caras
05.  Limpiando caras05.  Limpiando caras
05. Limpiando caras
 
Glosario grafco
Glosario grafcoGlosario grafco
Glosario grafco
 
Calibre. Guía de inicio rápido.
Calibre. Guía de inicio rápido.Calibre. Guía de inicio rápido.
Calibre. Guía de inicio rápido.
 
Iniciación calibre 20110610
Iniciación calibre 20110610Iniciación calibre 20110610
Iniciación calibre 20110610
 
Köning architektur
Köning architekturKöning architektur
Köning architektur
 
Manual identidad corporativa universidad alicante
Manual identidad corporativa universidad alicanteManual identidad corporativa universidad alicante
Manual identidad corporativa universidad alicante
 
Imagen corporativa renfe 2000
Imagen corporativa renfe 2000Imagen corporativa renfe 2000
Imagen corporativa renfe 2000
 
Smc Imagen corporativa
Smc Imagen corporativaSmc Imagen corporativa
Smc Imagen corporativa
 
Branding Digital
Branding DigitalBranding Digital
Branding Digital
 
Capas
CapasCapas
Capas
 
Curvas
CurvasCurvas
Curvas
 
Niveles
NivelesNiveles
Niveles
 
Teoria del color
Teoria del colorTeoria del color
Teoria del color
 
Photoshop Intro
Photoshop IntroPhotoshop Intro
Photoshop Intro
 

Dernier

Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 

Dernier (20)

Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 

Pixel vs vector

  • 2. Pixel El PIXEL (del inglés "picture element") es el elemento más pequeño de una imagen digital. Es la menor unidad homogénea de color que forma parte de una imagen digital, ya sea esta una fotografía, un fotograma de vídeo o un gráfico.
  • 3. 3
  • 4. Los pixeles son la unidad mínima de las imágenes de mapas de bits, que también son llamadas imágenes raster o bitmaps. Un mapa de bits es una matriz cartesiana (bidimensional) de pixeles, con coordenadas verticales y horizontales que determinan la posición de un pixel en la imagen. 4
  • 5.
  • 6. Ampliando lo suficiente una imagen digital (zoom), por ejemplo en la pantalla de un ordenador, pueden observarse los píxeles que componen la imagen. Los píxeles aparecen como pequeños cuadrados o rectángulos en color, en blanco o en negro, o en matices de gris.
  • 7. Un pixel puede requerir mayor o menor cantidad de memoria para ser almacenado, y de acuerdo a este valor ( Profundidad de Color) la imagen puede desplegar una mayor o menor cantidad de colores.
  • 8. Un píxel tiene tres características distinguibles: • Forma cuadrada • Posición relativa al resto de píxeles de un mapa de bits. • Profundidad de color (capacidad para almacenar color), que se expresa en bits. 8
  • 9. El hecho de que no los percibamos como unidades independientes sino como un conjunto se debe a una limitación de nuestra visión que nos da esa sensación de continuidad. Sólo es cuestión de aproximarse lo suficiente o ampliar la imagen para que podamos llegar a percibir cada uno de estos elementos cuadrados 9
  • 10. 10
  • 11. Características de los pixeles que forman la imagen Resolución espacial: Es el número de píxeles que conforman un mosaico y el tamaño de cada uno de ellos. 11
  • 12. Características de los pixeles que forman la imagen • Resolución de una imagen: Es única y exclusivamente sus dimensiones expresadas en píxeles de anchura por píxeles de altura, o bien a la superficie total. 12
  • 13. Resolución de imagen Cuanto más alta sea la resolución, más píxeles hay en una imagen: más grande es su mapa de bits. • Las resoluciones altas permiten un mayor detalle y transiciones de color sutiles en la imagen. • La resolución, además de con la densidad de pixels de una imagen, esta íntimamente relacionada con su tamaño. Así, para mantener la calidad de reproducción, al variar su tamaño, tendremos que variar también la resolución. 13
  • 14. Pantalla 72 ppp Imp. digital 150 ppp Imp. Offset 300 ppp 14
  • 15. 15
  • 16. 16
  • 17. Formatos 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 / PNG Existen formatos que almacenan información de pixeles en un sólo archivo. Algunos formatos que pueden contener información mezclada son: PICT, WMF (windows), EPS, empleado para impresión en papel) y PDF (formato portátil de adobe) 17
  • 18. Profundidad de color También denominada profundidad del píxel o profundidad de bits de una imagen, se refiere al número de colores diferentes que puede contener cada uno de los pixeles, que conforman un archivo gráfico. 18
  • 19. En otras palabras, la profundidad de color depende de la cantidad de información que puede almacenar un píxel. La profundidad de un pixel sólo representa cantidad de información, no posición espacial. 19
  • 20. 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. Dicha pérdida se denomina aliasing. De hecho, convertir una imagen de 24 bits (un archivo TGA, por ejemplo) a una imagen de 8 bits (un GIF, p.ej.) es un proceso de compresión, puesto que estoy reduciendo la cantidad de memoria que necesito para representar cada pixel de la imagen original. El cálculo de la tabla anterior fallará en el caso que se esté utilizando un formato de archivo que soporte algún tipo de compresión de la información. 20
  • 21. VECTOR Los vectores, serie de puntos y líneas unidos entre si originando objetos formados matemáticamente.
  • 22.
  • 23.
  • 24. Formadas por contornos y rellenos definidos matemáticamente. Vectores
  • 25.
  • 26. Imagen Vectorial Los Vectores consisten de puntos, líneas y curvas, las cuales al combinarse pueden formar objetos complejos.
  • 28. Vectorial     Los elementos  que  componen la imagen  vectorial son por una  serie de puntos con  curvas, un relleno y  un contorno de color  determinado. 
  • 29. El elemento principal y comúnmente usado son las Curvas Bezier.
  • 30. Formatos y Aplicaciones
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41. Rasterizar Vectorizar.
  • 42. Ventajas y Desventajas Raster Vectorial • Los pixeles requieren menos • Requieren menor espacio. operaciones del procesador • Algunos formatos permiten para ser decodificados. animación . • Ocupan mayor espacio de • No pierden calidad al ser almacenamiento. escalados, rotados o • Tienen una resolución fija. deformados. • Cualquier operación de • No son aptos para mostrar reducción o ampliación afecta a fotografías o imágenes la calidad de la imagen. complejas, aunque algunos • Son buenos para almacenar formatos admiten una texturas complejas. composición mixta (vector + imagen bitmap). • Deben ser procesados .
  • 43. alberto@xanvilar.com @xanvilar|@scribaid www.facebook.com/scribaid

Notes de l'éditeur

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n