Hace poco tuve que hacer unos gráficos para SoyGik y quería que fueran vectorizados, pero el poco tiempo del que disponía, dio como resultado que al final no los vectorizara. Pero ahora que “tengo más tiempo” me he puesto a buscar mucha más información sobre las imágenes vectorizadas, para que la próxima vez que me pase pueda coger esto como referencia. Así que lo hago público por si más gente lo necesita.

La magia del vector es un recurso excelente para los diseñadores de webs que queremos convertir las típicas imágenes rasterizadas (de los formatos gif, jpg…) en imágenes vectorizadas, que se puedan ampliar y reducir sin la preocupación de que puedan quedar mal.

Una imagen vectorial (o vectorizada) es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, vectores!, 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.

Estas imágenes también están muy bien para utilizarlas en formatos móviles, como PDA’s, BlackBerry, Móviles,… en donde las imágenes se verán bien al poder escalarlas sin problemas.

Antes de seguir avanzando en explicaciones, como dicen, vale más una imágen que mil palabras. Abajo os he hecho un ejemplo de una imágen rasterizada a la izqda. y de una imágen vectorizada a la dcha.

¿Donde puedo conseguir imágenes vectorizadas?

Uno de los primeros sitios que te recomiendo que visites es:

Allí podrás encontrar unas galerías muy amplias ordenadas muy bien. Tanto por categorías, por licencia, por número de descargas, como por tipo de imágen.

Todavía no lo había mencionado, pero aprovecho: los tipos de formatos en los que podremos encontrarnos con una imágen vectorizada pueden ser:

• Adobe Flash ® (formato SWF)
• Adobe Illustrator ® (formato AI)
• CorelDRAW ® (formato CDR)
• Drawing eXchange File, formato de intercambio de Autocad (formato DXF)
• FreeHand ® (formatos FH9, FH10, FH11,FH12, etc)
• Gimp
• HPGL: (HP Graphic Language), Un estándar de facto para los trazadores gráficos (Plotter).
• IGES
• InkScape
• Metaarchivo de Windows (WMF) (permite también la inclusión de mapas de bits)
• Paint Tool SAI
• Portable Document Format ® (PDF)
• PostScript ®
• Scalable Vector Graphics ® (SVG) (Uno de los más utilizados)

Este sitio es uno de los mejores para encontrar imágenes de este tipo. Pero también podéis probar con: Freevectors.com

¿Y si quiero hacer una imágen vectorizada personal?

Pues os recomiendo probar un servicio online:

Es muy fácil utilizar, subes la foto que quieres vectorizar, y se te presentará un menú interactivo muy intuitivo en el que podrás seleccionar el tipo de imágen que estas subiendo, los colores que tiene (menos de 12 o más) los colores finales en los que quieres que se quede la imágen. Antes este servicio era gratuito y era ideal para convertir imágenes en un abrir y cerrar de ojos, pero ahora si lo queremos descargar en formatos EPS, AI, o imagen de SVG tendremos que pagar unos pequeños precios.

Más formas, bien pues hay programas como el que nos ofrece VextraSoft, llamado Vextractor. Es un excelente programa con el que podremos vectorizar imágenes de forma simple con una potente herramienta entre las manos. Lo malo es que es de pago. En la versión gratuita (podéis bajaros una trial desde aquí) tendremos una marca de agua y algunas funciones restringidas.

Más info | SVG (Scalable Vector Graphics), Gráfico Rasterizado, Dibujo Vectorizado, Adobe SVG, W3 y las normas de SVG,