Página personal de: Alexander Gascón Tovar

Datos Personales:
Intereses:
Lenguajes de programación Favoritos:
  1. Java
  2. Python
  3. C/C++
  4. JavaScript
  5. PHP
En esta página personal se muestra un ejemplo de algunos de los conocimientos obtenidos antes del curso (como JavaScript) y de los nuevos conocimientos de CSS3 que acabo de adquirir en el curso.

Ejemplo:

Se presentan dos imagenes identicas, pero una en el formato de mapa de bits PNG y otra en formato de graficos vectoriles escables SVG. Al hacer click sobre las imagenes podemos ver la diferencia de ambas en sus correspondientes formatos al ampliarlas.

Imagenes de mapas de bits y vectoriales

Imagen de mapa de bits

Una imagen en mapa de bits, imagen ráster (calcos del inglés) o imagen de pixeles o píxeles, es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada matriz, que se puede visualizar en un monitor, papel u otro dispositivo de representación.

A las imágenes en mapa de bits se las suele definir por su altura y anchura (en píxeles) y por su profundidad de color (en bits por píxel), que determina el número de colores distintos que se pueden almacenar en cada punto individual, y por lo tanto, en gran medida, la calidad del color de la imagen.

Imagen vectorial

Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color.

Este formato de imagen es completamente distinto al formato de las imágenes de mapa de bits, también llamados imágenes matriciales, que están formados por píxeles. El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir la pérdida de calidad que sufren los mapas de bits. De la misma forma, permiten mover, estirar y retorcer imágenes de manera relativamente sencilla. Su uso también está muy extendido en la generación de imágenes en tres dimensiones tanto dinámicas como estáticas.

Un ejemplo de graficos de tortuga en lenguaje Python