¿Qué es una imagen vectorial y cómo hacer y ver una?

¿Alguna vez has acercado demasiado una foto y la has visto pixelada? Las imágenes creadas con una cámara digital solo pueden aparecer en ciertas resoluciones. Puede reducir su tamaño, pero ampliarlos puede ser complicado: pierde calidad en el proceso. Estas imágenes (imágenes rasterizadas) son perfectas para selfies, pero deben crearse teniendo en cuenta el tamaño.

Para imágenes escalables, querrá usar una imagen vectorial(vector image) , pero ¿qué es una imagen vectorial(vector image) ? Logotipos(Logos) , diseños de impresión y más, a menudo carecen de tamaño establecido. Las imágenes vectoriales(Vector) le brindan la capacidad de escalar imágenes como estas hacia arriba (o hacia abajo) sin perder calidad. Aquí encontrarás todo lo(s everything) que necesitas saber sobre las imágenes vectoriales(vector image) , incluso cómo crear las tuyas propias.

¿Qué es una imagen vectorial?(What Is a Vector Image?)

Una imagen vectorial(vector image) es como un mapa: escalable, con distancias entre los puntos A y B(A and B) que permanecen en proporción, incluso si la imagen general aumenta de tamaño. 

Las imágenes vectoriales(Vector) , en esencia, son instrucciones digitales sobre cómo un editor o espectador(editor or viewer) debe crear una imagen. Esto permite que su dispositivo genere la imagen con curvas y líneas claras que no tienen desenfoque, pixelación ni degradación de la imagen(image degradation) .

En lugar de la cuadrícula estática e inflexible de píxeles que verá cuando amplíe un archivo de imagen de trama(raster image file) como JPG o BMP(JPG or BMP) , las imágenes vectoriales(vector image) se crean digitalmente utilizando instrucciones matemáticas establecidas. Gracias a la magia de las matemáticas, el mismo punto entre A y B(A and B) en una imagen vectorial(vector image) permanecerá proporcional. 

Si eres diseñador gráfico(graphics designer) , inmediatamente comprenderás las ventajas que te ofrecen las imágenes vectoriales sobre las imágenes rasterizadas. En lugar de tener que preocuparse por la resolución de su imagen antes de comenzar, puede crear su imagen con cualquier tamaño.

Después de eso, se trata de la escala: las imágenes vectoriales(vector image) en formatos como SVG se pueden hacer tan pequeñas o tan grandes como desee. Es por eso que los formatos de imagen vectorial(vector image) suelen ser mejores para proyectos de arte y diseño(art and design projects) , especialmente si está creando un logotipo o un diseño que desea imprimir.

Cómo ver imágenes vectoriales (How To View Vector Images )

Las imágenes vectoriales no son un (Vector)formato de imagen(image format) inusual . Debería poder abrirlos en su navegador web(web browser) , o usando software de imágenes vectoriales(vector image software) como Inkscape . Las imágenes vectoriales(Vector) también se abrirán en editores de imágenes estándar como Photoshop o editores de gráficos dedicados como Illustrator .

Sin embargo, para la mayoría de los usuarios, el método más fácil es usar su navegador. La mayoría de los principales navegadores web admiten imágenes vectoriales(vector image) . Para abrir una imagen vectorial(vector image) en Google Chrome , por ejemplo, haga clic en File > Open File y seleccione su archivo de imagen vectorial(vector image file) . Si está en un formato estándar como SVG , Chrome debería generar la imagen y permitirle verla.

Las imágenes SVG(SVG) también se pueden abrir en editores de texto como Notepad++ , ya que los archivos SVG son simplemente líneas de código XML(XML code) . Puede editar su diseño de imagen vectorial de(vector image design) esta manera si lo prefiere. Luego, la imagen se genera sobre la marcha utilizando el diseño especificado en el archivo. Este proceso es el mismo, ya sea que lo esté viendo en un navegador o en un editor de imágenes(browser or image editor) .

Sin embargo, otros formatos de archivo de imagen pueden funcionar de manera diferente. (image file)Algunos formatos de documentos, como PDF , se consideran imágenes vectoriales, pero se pueden generar para contener otros tipos de contenido, incluidas las imágenes rasterizadas. Estos también se pueden abrir en su navegador web(web browser) , pero también pueden requerir un lector de PDF(PDF reader) dedicado para abrirlos. 

Creación y edición de imágenes vectoriales en Inkscape(Creating & Editing Vector Images In Inkscape)

Si desea crear o editar una imagen vectorial(vector image) , necesitará un editor de imágenes vectoriales(vector image editor) adecuado . Como mencionamos, puede editar manualmente un archivo de imagen SVG usando un (SVG image)editor de texto(text editor) , pero esto no es realmente práctico para la mayoría de los usuarios.

(Vector image)Los editores de imágenes vectoriales existen en todas las plataformas principales. De estos, dos se consideran los más conocidos: Inkscape y Adobe Illustrator(known—Inkscape and Adobe Illustrator) . Para principiantes y aficionados, Inkscape es la mejor opción. Es un editor de imágenes vectoriales(vector image editor) gratuito y de código abierto , disponible para usuarios de Windows , Linux y macOS.

  • Para crear una imagen vectorial(vector image) en Inkscape , todo lo que necesita hacer es crear un nuevo archivo: los archivos SVG son el formato de archivo predeterminado de Inkscape . (Inkscape file)Se creará un nuevo lienzo cuando abra Inkscape , pero presione File > New para crear un nuevo lienzo manualmente.
  • Para abrir un archivo de imagen(image file) en Inkscape , presione File > Open .

  • También puede crear imágenes vectoriales(vector image) tomando una imagen de mapa de bits(bitmap image) existente y trazándola para crear una imagen vectorial(vector image) coincidente en su lugar. Para hacer esto, presione Path > Trace Bitmap de bits . 

  • Seleccione la configuración de corte de brillo(Brightness cutoff) aquí; deberá modificar la cifra de umbral para ver qué tan bien funciona, pero (Threshold)0.500-1.000 es un buen lugar para comenzar. Presiona Actualizar(Update) para ver una vista previa.
  • Inkscape puede realizar varios escaneos para intentar que la imagen vectorial(vector image) final sea lo más precisa posible. Establezca el número de escaneos en el cuadro y la sección Escaneos(Scans) , luego presione OK para comenzar el proceso.

Alternativas a Inkscape(Alternatives To Inkscape)

Si bien Inkscape es una excelente opción gratuita para la mayoría de los usuarios que buscan crear imágenes vectoriales, existen alternativas que sin duda debería considerar.

Uno de los más grandes es Adobe Illustrator , que es una (Adobe Illustrator)herramienta de diseño(design tool) gráfico profesional estándar de la industria para imágenes vectoriales. Requiere una suscripción paga de Adobe Creative Cloud(Adobe Creative Cloud subscription) y solo está disponible en Windows y macOS(Windows and macOS)

Puede descargar una versión menos potente de Illustrator en iPhone y iPad(iPhone and iPad) , pero carecerá de algunas de las funciones premium disponibles para los usuarios de escritorio.

También puede editar o crear nuevas imágenes vectoriales en línea utilizando servicios como Vectr , que ofrece un editor en línea gratuito para imágenes vectoriales. No es tan poderoso como Inkscape o Illustrator(Inkscape or Illustrator) , pero podría ayudarlo a crear rápidamente nuevos diseños imaginativos.

También existen otras alternativas de Inkscape . Para los usuarios de macOS, Sketch es una buena opción, especialmente para los diseñadores de UI. Sketch utiliza su propio formato de archivo(file format) patentado , pero es compatible con Inkscape y Adobe Illustrator(Inkscape and Adobe Illustrator) . Sketch no(Sketch isn) es gratuito, pero puede probarlo con una prueba gratuita de 30 días.

Uso del software de edición de imágenes(Using Image Editing Software)

Gracias al software gratuito de edición de imágenes, nunca ha sido tan fácil crear imágenes de alta calidad en cualquier plataforma. Si es un usuario móvil, las aplicaciones de edición de fotos pueden convertir sus instantáneas básicas en contenido de alta calidad(high-quality content) adecuado para sus páginas de redes sociales.

Si está interesado en el diseño, querrá un editor de imágenes vectoriales de alta calidad(high-quality vector image editor) . No necesita gastar un solo dólar para esto: Inkscape es de código abierto y está disponible gratuitamente en todas las plataformas, incluido macOS. Si está buscando editar imágenes rasterizadas en Mac , necesitará un editor de imágenes de Mac gratuito(free Mac image editor) como Pixelmator o GIMP.



About the author

Soy un científico informático con más de 10 años de experiencia trabajando en el campo de los navegadores, Microsoft Office y OneDrive. Me especializo en desarrollo web, investigación de experiencia de usuario y desarrollo de aplicaciones a gran escala. Mis habilidades son utilizadas por algunas de las principales empresas del mundo, incluidas Google, Facebook y Apple.



Related posts