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
Pixel vs vector
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.
Pixel vs vector
Pixel vs vector
Formadas por contornos y rellenos
definidos matemáticamente. Vectores
Pixel vs vector
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
Pixel vs vector
Pixel vs vector
Pixel vs vector
Pixel vs vector
Pixel vs vector
Pixel vs vector
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

PPTX
Imagen vectorial y mapa de bits
PPT
Vector vs pixel
PPTX
La imagen digital
PPTX
Definicion de imagen
PPTX
Tecnologia grafica y multimedia
PPTX
Cuadro Comparativo Pixel vs Vector
PDF
Introduccion al Diseño Gráfico
PPT
Características de la Imagen Digital
Imagen vectorial y mapa de bits
Vector vs pixel
La imagen digital
Definicion de imagen
Tecnologia grafica y multimedia
Cuadro Comparativo Pixel vs Vector
Introduccion al Diseño Gráfico
Características de la Imagen Digital

La actualidad más candente (20)

PPTX
Image compression
PPTX
La imagen digital: Píxel vs vector
PPT
PPTX
Mapas de bits
PPT
Tema 9 al 14 diseño grafico
PDF
Formato tiff
PPT
Digital Image File Formats
PPT
Formatos multimedia: imagen, audio y video
PPSX
Composicion elementos
PPT
Formatos del Periodico
PPTX
Formatos de imagen
PPT
Cinco principios de los nuevos medios de comunicación
DOCX
Tipos de imágenes digitales
PPT
Presentación de imagen digital
PDF
Elementos expresivos de la imagen
PPTX
PPT
Imagen Digital
PDF
Diagramacion de revista
PPT
4 Estructuras Visuales
PPTX
Contorno y color
Image compression
La imagen digital: Píxel vs vector
Mapas de bits
Tema 9 al 14 diseño grafico
Formato tiff
Digital Image File Formats
Formatos multimedia: imagen, audio y video
Composicion elementos
Formatos del Periodico
Formatos de imagen
Cinco principios de los nuevos medios de comunicación
Tipos de imágenes digitales
Presentación de imagen digital
Elementos expresivos de la imagen
Imagen Digital
Diagramacion de revista
4 Estructuras Visuales
Contorno y color
Publicidad

Destacado (15)

PPTX
Pixel & vector
PPT
Analisis de Redes Sociales - Toulouse Lautrec
PDF
Taller de Inkscape
PPTX
Resolucion digital
PPTX
Modo de color ncs
DOCX
Preguntas del color
PPTX
Resolucion digital multimedia
PPTX
Resolucion digital sandrita
PPT
Fotografía digital
PDF
Hangout photoshopio vector_pixel
PPTX
Photoshop vector e imagen
ODP
Imagendigital
PPT
Pixel Y Vector
PPTX
Resolucion digital
Pixel & vector
Analisis de Redes Sociales - Toulouse Lautrec
Taller de Inkscape
Resolucion digital
Modo de color ncs
Preguntas del color
Resolucion digital multimedia
Resolucion digital sandrita
Fotografía digital
Hangout photoshopio vector_pixel
Photoshop vector e imagen
Imagendigital
Pixel Y Vector
Resolucion digital
Publicidad

Similar a Pixel vs vector (20)

PPSX
PPT
Imagen digital
DOC
Actividad
PDF
Introduccion a la imagen digital
PPTX
Tema 2 Imagen rasterizada e Imagen digital
PPT
Imagenes vectoriales
PPTX
Consulta de pixeles
DOC
Actividad
DOC
Actividad
PDF
Introduccion a la imagen digital
DOCX
GUIA MIERCOLES 13 MARZO JOHANA GUATEQUE
PPT
Imagen digital
PPT
Introducción a la imagen digital
PPTX
Pixel
DOCX
Preprensa digital
RTF
Imagen Vestorial Y De Mapa De Bits
PPTX
Imágenes digitales
PPT
2. la imagen digital
PDF
Tipos de imágenes
Imagen digital
Actividad
Introduccion a la imagen digital
Tema 2 Imagen rasterizada e Imagen digital
Imagenes vectoriales
Consulta de pixeles
Actividad
Actividad
Introduccion a la imagen digital
GUIA MIERCOLES 13 MARZO JOHANA GUATEQUE
Imagen digital
Introducción a la imagen digital
Pixel
Preprensa digital
Imagen Vestorial Y De Mapa De Bits
Imágenes digitales
2. la imagen digital
Tipos de imágenes

Más de Xanvilar (20)

PDF
Memoria aula de salud 2022
PDF
Como utilizan as empresas as novas canles de comunicación
PDF
Datos #cocido trip
PDF
Cloud computing
PDF
04. estilos y tratamientos fotográficos
PDF
04. hdr photoshop
PDF
05. Limpiando caras
PDF
Glosario grafco
PDF
Calibre. Guía de inicio rápido.
PDF
Iniciación calibre 20110610
PDF
Köning architektur
PDF
Manual identidad corporativa universidad alicante
PDF
Imagen corporativa renfe 2000
PDF
Smc Imagen corporativa
KEY
Branding Digital
KEY
Capas
KEY
Curvas
PDF
Niveles
PDF
Teoria del color
KEY
Photoshop Intro
Memoria aula de salud 2022
Como utilizan as empresas as novas canles de comunicación
Datos #cocido trip
Cloud computing
04. estilos y tratamientos fotográficos
04. hdr photoshop
05. Limpiando caras
Glosario grafco
Calibre. Guía de inicio rápido.
Iniciación calibre 20110610
Köning architektur
Manual identidad corporativa universidad alicante
Imagen corporativa renfe 2000
Smc Imagen corporativa
Branding Digital
Capas
Curvas
Niveles
Teoria del color
Photoshop Intro

Último (20)

DOCX
FCE POLITICa tercer grado secundaria adolescentes
PPTX
El-Ingles-Una-Lengua-Directamente-Derivada-del-Latin.pptx
PDF
Ideacion y conceptualización-Act2-EmelyBermeo-Parte 1.pdf
PPTX
ELEMENTOS DEL DIBUJO TECNICO Y GRAFICOOOO
PPTX
Dispensaciones la garcia, el gobierno humano, etc
PPTX
11avo sesion de clase de produccion de cuyes y conejos.....pptx
PPTX
Diapositiva marco del Buen Desempeño.pptx
PDF
Empresas globales que cotizan en bolsa por efectivo disponible (2025).pdf
PPTX
7ma sesion de clase de produccion de cuyes y conejos.....pptx
PPTX
MISCELANIA - constitución política 410-5.pptx
PDF
Curso online para participar en exel o deribados
PDF
NORMAS APA 7 EDICIÓN PARA DOCUMENTOS UNI
PPTX
2 rev industrial y dit.pptx mamkaakkakakaaka
PDF
CARTELERA DEL 6 DE AGOSTO DE 2025, pozos
PDF
Cuidado para el Desarrollo Infantil _Certificado de participación (1).pdf
PDF
Act. 2.1 Recursos Naturales y su Clasificación..pdf
PPTX
Presentación de resumen del producto.pptx
PDF
PLANO IE0097 PANTRICIA ANTONIA LOPEZ.pdf
PDF
Diapositivas de la forma y orden en arquitectura
PDF
LINEAMIENTOS EN MATERIA DE OBRAS PUBLICAS.pdf
FCE POLITICa tercer grado secundaria adolescentes
El-Ingles-Una-Lengua-Directamente-Derivada-del-Latin.pptx
Ideacion y conceptualización-Act2-EmelyBermeo-Parte 1.pdf
ELEMENTOS DEL DIBUJO TECNICO Y GRAFICOOOO
Dispensaciones la garcia, el gobierno humano, etc
11avo sesion de clase de produccion de cuyes y conejos.....pptx
Diapositiva marco del Buen Desempeño.pptx
Empresas globales que cotizan en bolsa por efectivo disponible (2025).pdf
7ma sesion de clase de produccion de cuyes y conejos.....pptx
MISCELANIA - constitución política 410-5.pptx
Curso online para participar en exel o deribados
NORMAS APA 7 EDICIÓN PARA DOCUMENTOS UNI
2 rev industrial y dit.pptx mamkaakkakakaaka
CARTELERA DEL 6 DE AGOSTO DE 2025, pozos
Cuidado para el Desarrollo Infantil _Certificado de participación (1).pdf
Act. 2.1 Recursos Naturales y su Clasificación..pdf
Presentación de resumen del producto.pptx
PLANO IE0097 PANTRICIA ANTONIA LOPEZ.pdf
Diapositivas de la forma y orden en arquitectura
LINEAMIENTOS EN MATERIA DE OBRAS PUBLICAS.pdf

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
  • 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.
  • 24. Formadas por contornos y rellenos definidos matemáticamente. Vectores
  • 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
  • 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