SlideShare una empresa de Scribd logo
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

Más contenido relacionado

La actualidad más candente

EL DIBUJO, GÉNEROS Y ESTILOS
EL DIBUJO, GÉNEROS Y ESTILOSEL DIBUJO, GÉNEROS Y ESTILOS
EL DIBUJO, GÉNEROS Y ESTILOS
Fundación Universitaria del AREA ANDINA
 
Huecograbado, diapositiva
Huecograbado, diapositivaHuecograbado, diapositiva
Huecograbado, diapositiva
Roberto Varela
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - Retículas
Fidel Romero
 
Tecnicas visuales
Tecnicas visualesTecnicas visuales
El color cubo hicketier
El color cubo hicketierEl color cubo hicketier
El color cubo hicketiercolegiohelicon
 
Diseño vectorial
Diseño vectorialDiseño vectorial
Diseño vectorialivanzarsosa
 
Principios del diseño visual
Principios del diseño visualPrincipios del diseño visual
Principios del diseño visual
Germania Estévez
 
Ilustración, genero, técnicas y estilos
Ilustración, genero, técnicas y estilosIlustración, genero, técnicas y estilos
Ilustración, genero, técnicas y estilosBernardo Vega
 
Semana 14 recorrido visual
Semana 14   recorrido visualSemana 14   recorrido visual
Semana 14 recorrido visual
Jaider Junior Huamaní Gonzales
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓN
Ale Altuve
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
ALVARO LEIME CRUZ
 
Presentacion Preprensa
Presentacion PreprensaPresentacion Preprensa
Presentacion Preprensa
guestd64fd24
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
David Nuñez
 
Tipos de reticulas
Tipos de reticulasTipos de reticulas
Tipos de reticulas
Marisa Kraiselburd
 
El lápiz de dibujo
El lápiz de dibujo El lápiz de dibujo
El lápiz de dibujo Arte_Factory
 
Composición gráfica 1
Composición gráfica 1Composición gráfica 1
Composición gráfica 1
REBECAGRANADOSRODRIG
 
El lenguaje visual elementos
El lenguaje visual elementosEl lenguaje visual elementos
El lenguaje visual elementos
jalidf
 

La actualidad más candente (20)

EL DIBUJO, GÉNEROS Y ESTILOS
EL DIBUJO, GÉNEROS Y ESTILOSEL DIBUJO, GÉNEROS Y ESTILOS
EL DIBUJO, GÉNEROS Y ESTILOS
 
Huecograbado, diapositiva
Huecograbado, diapositivaHuecograbado, diapositiva
Huecograbado, diapositiva
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - Retículas
 
Tipografia
TipografiaTipografia
Tipografia
 
Tecnicas visuales
Tecnicas visualesTecnicas visuales
Tecnicas visuales
 
El color cubo hicketier
El color cubo hicketierEl color cubo hicketier
El color cubo hicketier
 
Técnicas visuales
Técnicas visualesTécnicas visuales
Técnicas visuales
 
Diseño vectorial
Diseño vectorialDiseño vectorial
Diseño vectorial
 
Unidad2 alfabeto visual
Unidad2 alfabeto visualUnidad2 alfabeto visual
Unidad2 alfabeto visual
 
Principios del diseño visual
Principios del diseño visualPrincipios del diseño visual
Principios del diseño visual
 
Ilustración, genero, técnicas y estilos
Ilustración, genero, técnicas y estilosIlustración, genero, técnicas y estilos
Ilustración, genero, técnicas y estilos
 
Semana 14 recorrido visual
Semana 14   recorrido visualSemana 14   recorrido visual
Semana 14 recorrido visual
 
FUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓNFUNDAMENTOS DE DIAGRAMACIÓN
FUNDAMENTOS DE DIAGRAMACIÓN
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Presentacion Preprensa
Presentacion PreprensaPresentacion Preprensa
Presentacion Preprensa
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
Tipos de reticulas
Tipos de reticulasTipos de reticulas
Tipos de reticulas
 
El lápiz de dibujo
El lápiz de dibujo El lápiz de dibujo
El lápiz de dibujo
 
Composición gráfica 1
Composición gráfica 1Composición gráfica 1
Composición gráfica 1
 
El lenguaje visual elementos
El lenguaje visual elementosEl lenguaje visual elementos
El lenguaje visual elementos
 

Destacado

Analisis de Redes Sociales - Toulouse Lautrec
Analisis de Redes Sociales - Toulouse LautrecAnalisis de Redes Sociales - Toulouse Lautrec
Analisis de Redes Sociales - Toulouse LautrecKaren Da Cruz
 
Taller de Inkscape
Taller de InkscapeTaller de Inkscape
Taller de Inkscape
Universidad Europea de Madrid
 
Modo de color ncs
Modo de color ncsModo de color ncs
Modo de color ncsguest6eb52b
 
Resolucion digital multimedia
Resolucion digital multimediaResolucion digital multimedia
Resolucion digital multimediaKtziitha Lendaa
 
Resolucion digital sandrita
Resolucion digital sandritaResolucion digital sandrita
Resolucion digital sandritasandra45moran
 
Hangout photoshopio vector_pixel
Hangout photoshopio vector_pixelHangout photoshopio vector_pixel
Hangout photoshopio vector_pixel
Izaskun Saez
 
Photoshop vector e imagen
Photoshop vector e imagenPhotoshop vector e imagen
Photoshop vector e imagenKaeli Galvez
 
Imagendigital
ImagendigitalImagendigital
Imagendigital
mayte_segovia
 
Color
ColorColor
Resolucion digital
Resolucion digitalResolucion digital
Resolucion digitalangelita-123
 

Destacado (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
 

Similar a Pixel vs vector

Formatos de Imagen
Formatos de ImagenFormatos de Imagen
Presentación de imagen digital
Presentación de imagen digitalPresentación de imagen digital
Presentación de imagen digital
felolopez99
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
Fernando Irigaray
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digitalOscarito Guerrero
 
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
AntonioRodriguez519
 
Imagenes vectoriales
Imagenes vectorialesImagenes vectoriales
Imagenes vectoriales
yeraysanchez
 
Introduccion a la imagen digital
Introduccion a la imagen digitalIntroduccion a la imagen digital
Introduccion a la imagen digitalOscarito Guerrero
 
GUIA MIERCOLES 13 MARZO JOHANA GUATEQUE
GUIA MIERCOLES 13 MARZO JOHANA GUATEQUEGUIA MIERCOLES 13 MARZO JOHANA GUATEQUE
GUIA MIERCOLES 13 MARZO JOHANA GUATEQUEJeimy Beltran
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
Diegodegg
 
Introducción a la imagen digital
Introducción a la imagen digitalIntroducción a la imagen digital
Introducción a la imagen digital
mariagarciac7
 
Pixel
PixelPixel
Pixel
yanethve
 
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 Bitsquikene
 

Similar a 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
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
 
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
 

Más de Xanvilar

Memoria aula de salud 2022
Memoria aula de salud 2022Memoria aula de salud 2022
Memoria aula de salud 2022
Xanvilar
 
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
Xanvilar
 
Datos #cocido trip
Datos #cocido tripDatos #cocido trip
Datos #cocido tripXanvilar
 
Cloud computing
Cloud computingCloud computing
Cloud computing
Xanvilar
 
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 caras
Xanvilar
 
Glosario grafco
Glosario grafcoGlosario grafco
Glosario grafco
Xanvilar
 
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
 

Más 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
 

Último

DIAGRAMA DE FLUJO.pptx : Ventas en linea
DIAGRAMA DE FLUJO.pptx : Ventas en lineaDIAGRAMA DE FLUJO.pptx : Ventas en linea
DIAGRAMA DE FLUJO.pptx : Ventas en linea
EduarRamos7
 
Patrimundi Recuperadora Bancaria en Cancun
Patrimundi Recuperadora Bancaria en CancunPatrimundi Recuperadora Bancaria en Cancun
Patrimundi Recuperadora Bancaria en Cancun
DianaArtemizaCP
 
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdfEstilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
JosueJuanez1
 
Infografía profesional cronología horizontal bloques de colores fondo negro.pdf
Infografía profesional cronología horizontal bloques de colores fondo negro.pdfInfografía profesional cronología horizontal bloques de colores fondo negro.pdf
Infografía profesional cronología horizontal bloques de colores fondo negro.pdf
salazar1611ale
 
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptxVERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
ingridavila20
 
Arquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en LatinoaméricaArquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en Latinoamérica
imariagsg
 
Movimiento Moderno en Venezuela Arquitectura
Movimiento Moderno en Venezuela ArquitecturaMovimiento Moderno en Venezuela Arquitectura
Movimiento Moderno en Venezuela Arquitectura
LeonardoDantasRivas
 
Desarrollo de habilidades de pensamiento (1).pdf
Desarrollo de habilidades de pensamiento (1).pdfDesarrollo de habilidades de pensamiento (1).pdf
Desarrollo de habilidades de pensamiento (1).pdf
marianamadronero578
 
La Arquitectura del Eclecticismo, por Karina
La Arquitectura del Eclecticismo, por KarinaLa Arquitectura del Eclecticismo, por Karina
La Arquitectura del Eclecticismo, por Karina
KarinaRodriguezG2
 
Teoría del Color para diseñadores y pintores
Teoría del Color para diseñadores y pintoresTeoría del Color para diseñadores y pintores
Teoría del Color para diseñadores y pintores
EduardoGM8
 
capitulo-18-sistema--706807-downloadable-2573126.pdf
capitulo-18-sistema--706807-downloadable-2573126.pdfcapitulo-18-sistema--706807-downloadable-2573126.pdf
capitulo-18-sistema--706807-downloadable-2573126.pdf
ProfesorCiencias2
 
etiqueta que se utiliza en un restaurante .pdf
etiqueta que se utiliza en  un restaurante  .pdfetiqueta que se utiliza en  un restaurante  .pdf
etiqueta que se utiliza en un restaurante .pdf
Vhope6
 
Figuras bidimensionales en el diseño.pptx
Figuras bidimensionales en el diseño.pptxFiguras bidimensionales en el diseño.pptx
Figuras bidimensionales en el diseño.pptx
LuisFernandoOcampoGa
 
informecbdlp-240603151721-44655eeh2.docx
informecbdlp-240603151721-44655eeh2.docxinformecbdlp-240603151721-44655eeh2.docx
informecbdlp-240603151721-44655eeh2.docx
IsabellaCortes7
 
Propuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseñoPropuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseño
Mariano Salgado
 

Último (15)

DIAGRAMA DE FLUJO.pptx : Ventas en linea
DIAGRAMA DE FLUJO.pptx : Ventas en lineaDIAGRAMA DE FLUJO.pptx : Ventas en linea
DIAGRAMA DE FLUJO.pptx : Ventas en linea
 
Patrimundi Recuperadora Bancaria en Cancun
Patrimundi Recuperadora Bancaria en CancunPatrimundi Recuperadora Bancaria en Cancun
Patrimundi Recuperadora Bancaria en Cancun
 
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdfEstilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
 
Infografía profesional cronología horizontal bloques de colores fondo negro.pdf
Infografía profesional cronología horizontal bloques de colores fondo negro.pdfInfografía profesional cronología horizontal bloques de colores fondo negro.pdf
Infografía profesional cronología horizontal bloques de colores fondo negro.pdf
 
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptxVERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
 
Arquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en LatinoaméricaArquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en Latinoamérica
 
Movimiento Moderno en Venezuela Arquitectura
Movimiento Moderno en Venezuela ArquitecturaMovimiento Moderno en Venezuela Arquitectura
Movimiento Moderno en Venezuela Arquitectura
 
Desarrollo de habilidades de pensamiento (1).pdf
Desarrollo de habilidades de pensamiento (1).pdfDesarrollo de habilidades de pensamiento (1).pdf
Desarrollo de habilidades de pensamiento (1).pdf
 
La Arquitectura del Eclecticismo, por Karina
La Arquitectura del Eclecticismo, por KarinaLa Arquitectura del Eclecticismo, por Karina
La Arquitectura del Eclecticismo, por Karina
 
Teoría del Color para diseñadores y pintores
Teoría del Color para diseñadores y pintoresTeoría del Color para diseñadores y pintores
Teoría del Color para diseñadores y pintores
 
capitulo-18-sistema--706807-downloadable-2573126.pdf
capitulo-18-sistema--706807-downloadable-2573126.pdfcapitulo-18-sistema--706807-downloadable-2573126.pdf
capitulo-18-sistema--706807-downloadable-2573126.pdf
 
etiqueta que se utiliza en un restaurante .pdf
etiqueta que se utiliza en  un restaurante  .pdfetiqueta que se utiliza en  un restaurante  .pdf
etiqueta que se utiliza en un restaurante .pdf
 
Figuras bidimensionales en el diseño.pptx
Figuras bidimensionales en el diseño.pptxFiguras bidimensionales en el diseño.pptx
Figuras bidimensionales en el diseño.pptx
 
informecbdlp-240603151721-44655eeh2.docx
informecbdlp-240603151721-44655eeh2.docxinformecbdlp-240603151721-44655eeh2.docx
informecbdlp-240603151721-44655eeh2.docx
 
Propuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseñoPropuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseño
 

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

Notas del editor

  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