Hay in­nu­me­ra­bles formatos digitales de imagen. En función de la pla­ta­fo­r­ma se requiere uno u otro formato. Las imágenes ve­c­to­ria­les se utilizan a menudo para logotipos y diagramas, ya que deben estar di­s­po­ni­bles en varios tamaños. En co­m­pa­ra­ción con las imágenes ra­s­te­ri­za­das (también llamadas mapas de bits), se puede cambiar el tamaño de las imágenes ve­c­to­ria­les sin perder calidad. Sigue leyendo para descubrir qué son las imágenes ve­c­to­ria­les, cuándo se utilizan y cuáles son los formatos más comunes.

Domain Name Re­gi­s­tra­tion
Proyecta tu marca con un gran dominio
  • Gratis SSL Wildcard para tra­n­s­fe­re­n­cias de datos más seguras
  • Gratis registro privado para más pri­va­ci­dad  

Imágenes ve­c­to­ria­les frente a imágenes ra­s­te­ri­za­das

Para imprimir una imagen o mostrarla en una pantalla, la imagen debe dividirse en píxeles in­di­vi­dua­les. El resultado es una imagen ra­s­te­ri­za­da. Al tomar una foto con una cámara digital, por ejemplo, se crea una imagen ra­s­te­ri­za­da con millones de unidades de píxeles. Si miras una imagen en un periódico impreso con una lupa, podrás ver los puntos in­di­vi­dua­les. Lo mismo ocurre cuando te acercas demasiado una foto digital: puedes detectar los píxeles in­di­vi­dua­les.

Una co­n­se­cue­n­cia de crear una imagen con píxeles es que los puntos in­di­vi­dua­les se vuelven visibles cuando se acerca el zoom. La pi­xe­la­ción es visible en los bordes de las imágenes, lo que hace que la imagen se vea des­or­de­na­da y poco pro­fe­sio­nal. Además, las imágenes ra­s­te­ri­za­das ocupan mucho espacio en la memoria.

Para evitar estos problemas, se utiliza un formato basado en vectores para ciertos tipos de imágenes. Los logotipos y mapas se crean a menudo como imágenes ve­c­to­ria­les, por ejemplo. La principal ventaja del formato es que puedes acercar y alejar fá­ci­l­me­n­te las imágenes sin ninguna di­fe­re­n­cia en la calidad de la imagen.

Consejo

¿Quieres pro­fu­n­di­zar en las di­fe­re­n­cias entre imágenes ra­s­te­ri­za­das y ve­c­to­ria­les? Nuestra Digital Guide compara los dos formatos y te explica todo lo que necesitas saber.

Más a fondo: ¿cómo funcionan las imágenes ve­c­to­ria­les?

Las imágenes ve­c­to­ria­les son uno de los formatos gráficos más antiguos en el pro­ce­sa­mie­n­to de datos ele­c­tró­ni­cos. El formato surgió como base para el diseño asistido por co­mpu­tado­ra (CAD). Las imágenes ve­c­to­ria­les muestran una forma mediante fórmulas ma­te­má­ti­cas (vectores) que después se guarda en un archivo vectorial.

Un vector es co­m­pa­ra­ble a una flecha: tiene un origen, una dirección y una longitud. La cola de la flecha está ubicada en el origen de un gráfico de coor­de­na­das y la punta de la flecha indica un punto que se define en función de la longitud y el ángulo del vector. Al crear un círculo rojo, por ejemplo, la punta de la flecha servirá como centro; a co­n­ti­nua­ción, se define el radio del círculo y se gira 360 grados. Después se agrega la in­fo­r­ma­ción sobre el color. Toda esta in­fo­r­ma­ción se resume en el archivo vectorial.

HiDrive Cloud Storage
Store and share your data on the go
  • Store, share, and edit data easily
  • Backed up and highly secure
  • Sync with all devices

La co­n­s­tru­c­ción de imágenes ve­c­to­ria­les complejas requiere el uso de varios vectores, cada uno de los cuales apunta a di­fe­re­n­tes puntos de la imagen y puede incluir in­fo­r­ma­ción sobre curvas y ángulos de líneas.

La línea que genera el lado de la forma da como resultado un borde suave, sin importar el nivel de am­plia­ción de la imagen que hagas.

Resumen de los formatos ve­c­to­ria­les más comunes

Varios formatos de archivos ve­c­to­ria­les se han es­ta­ble­ci­do a lo largo de los años.

Formato vectorial Abre­via­ción Ambito de uso Ex­pli­ca­ción
Adobe Illu­s­tra­tor AI Gráficos para impresión y web Formato de in­te­r­ca­m­bio orientado a vectores; guarda imágenes ve­c­to­ria­les editadas
Scalable Vector Graphics SVG Web Formato de imagen escalable; se puede utilizar para animación y manipular con CSS
En­ca­p­su­la­ted Po­st­S­cri­pt EPS Impresión Basado en el lenguaje de pro­gra­ma­ción Po­st­S­cri­pt
Portable Document Format PDF Impresión, web, archivo Estándar mundial para compartir do­cu­me­n­tos ele­c­tró­ni­cos
Freehand Format FH Ilu­s­tra­cio­nes en color y sin color Guarda ilu­s­tra­cio­nes con colores y rellenos
Corel Draw Format CDR Creación de imágenes para impresión y web Formato de imagen sin comprimir con ca­ra­c­te­rí­s­ti­cas como AI

¿Cuándo se utilizan las imágenes ve­c­to­ria­les?

Las imágenes ve­c­to­ria­les se requieren siempre que se necesite tener la opción de cambiar el tamaño de una imagen sin límite. Por ejemplo, si creas un logo ne­ce­si­ta­rás poder usarlo en tu página web, en el exterior de tu oficina y tal vez en una valla pu­bli­ci­ta­ria grande. En este caso, una imagen vectorial creada con Adobe Illu­s­tra­tor es la mejor opción. Este archivo vectorial se puede exportar a muchos otros formatos que ne­ce­si­ta­rá más adelante.

Es im­po­r­ta­n­te tener en cuenta que cuando la imagen se muestra impresa o en una pantalla, se mostrará como una imagen ra­s­te­ri­za­da. Incluso el más nuevo formato SVG para gráficos web se muestra de esta manera en una pantalla. Sin embargo, las imágenes en este formato se pueden acercar y alejar sin que se produzca una pi­xe­la­ción como la que se muestra arriba. Además, las imágenes ve­c­to­ria­les SVG se pueden crear di­re­c­ta­me­n­te en lenguaje HTML, manipular mediante CSS e incluso animar.

Ventajas de las imágenes ve­c­to­ria­les

Con una imagen vectorial, siempre puedes escalar tu imagen para que sea tan pequeña o grande como necesites. Cuando cambias el tamaño de una imagen, lo que cambia es la in­fo­r­ma­ción sobre las di­s­ta­n­cias en lugar de los píxeles. Lo mismo ocurre cuando se mueve una imagen. Si estás tra­ba­ja­n­do con un archivo vectorial creado con Adobe Illu­s­tra­tor (.ai) o CorelDraw (.cdr), el archivo de origen también se puede editar. Además, las imágenes ve­c­to­ria­les se pueden almacenar con menos memoria que las imágenes ra­s­te­ri­za­das. Sin embargo, una de­s­ve­n­ta­ja es que incluso la imagen vectorial más grande debe mostrarse fi­na­l­me­n­te como una imagen ra­s­te­ri­za­da.

Existe una variedad de software en el mercado para crear imágenes ve­c­to­ria­les, desde so­lu­cio­nes gratuitas de código abierto hasta software basado en su­s­cri­p­ción. Adobe Illu­s­tra­tor es utilizado con fre­cue­n­cia por pro­fe­sio­na­les. Adobe Photoshop también ofrece opciones para crear imágenes ve­c­to­ria­les. Inkscape es una al­te­r­na­ti­va gratuita que es co­m­pa­ti­ble con SVG y ofrece un atractivo conjunto de funciones.

Crear una página web
Estás de suerte, tu página web ahora con IA
  • Creador de páginas web rápido e intuitivo
  • Imágenes y textos in­s­ta­n­tá­neos con SEO op­ti­mi­za­do por IA
  • Dominio, SSL y buzón de correo ele­c­tró­ni­co incluidos
Ir al menú principal