Geometrize: exporta imágenes como figuras SVG

Geometrize puede convertir una imagen existente en una obra de arte SVG construida a partir de formas geométricas ajustadas. Elíjalo cuando esa aproximación sea el efecto que desea. Un SVG hecho a partir de rectángulos superpuestos puede ser una geometría vectorial real sin reconstruir la fuente como un marco, un triángulo y un objeto de acento separado.

La demostración web oficial de Geometrize te permite abrir tu propia imagen, elegir tipos de formas, controlar el límite de la forma y guardar un SVG. Este tutorial utiliza un recorrido deliberadamente pequeño de solo rectángulos para mostrar la diferencia entre guardar geometría y recuperar objetos de diseño significativos.

Pruébalo con tu propia imagen

Abrir la herramienta completa

PNGJPGWEBPPNGSVGSube tu imagen aquío haz clic · pega ⌘VSeleccionar imagenSuelta para revisar la imagen

Puedes probarlo gratis. Suelta una imagen y mira la vista previa de tu vector, sin registrarte.

Decidir si la aproximación geométrica se ajusta a la imagen.

Una primitiva geométrica es una forma simple, como un rectángulo, una elipse o un triángulo. La página del proyecto de Geometrize describe la reconstrucción de imágenes con estas formas. La demostración web explica que prueba y muta repetidamente formas candidatas, eligiendo aquellas que se ajustan a la fuente.

Ese proceso se adapta al arte geométrico deliberado. Es un objetivo diferente al de preservar la silueta exacta de un logotipo o reconstruir las letras para realizar ediciones precisas. Antes de comenzar, decida si es útil una disposición estilizada de las piezas o si necesita contornos que sigan fielmente el original.

Necesita una imagen rasterizada permitida, un original conservado, un navegador web y algún lugar para guardar el SVG. Para una primera ejecución, utilice una imagen pequeña cuyas regiones importantes pueda reconocer. Mantenga la fuente abierta por separado para que la aproximación en evolución no se convierta en su única referencia.

Método: El 8 de noviembre de 2026, abrimos nuestro control geométrico original 384 × 256 RGB en la demostración del navegador. Tenía un fondo blanco opaco, un marco azul marino y pequeñas marcas, un triángulo verde azulado y un rectángulo dorado. Seleccionamos rectángulos únicamente y establecimos un límite de 20 para un ejemplo acotado. Veinte fue el límite de prueba que elegimos, no la configuración de calidad predeterminada, máxima o recomendada de la herramienta. No probamos una fotografía, un mayor número de formas, importación de editor nativo o salida física.

Abra su código fuente y ejecute un ejemplo de rectángulo acotado

La demostración ya puede estar ejecutándose en su propia muestra cuando llegue. Haga una pausa en esa muestra antes de configurar su propia imagen, para que pueda distinguir el ejemplo proporcionado de su prueba.

1. Seleccione Pausar si la demostración se está ejecutando y luego expanda Configuración.
2. Establezca Max Shapes Cap en 20 para este pequeño ejemplo.
3. Seleccione Abrir imagen y elija la fuente permitida. Confirma que el lienzo cambia a tu obra de arte.
4. En Configuración, seleccione Rectángulos y borre los otros tipos de formas. Nuestra selección inicial fue Elipses rotadas, que borramos.
5. Mantenga los valores restantes fijos para esta comparación. Usamos opacidad de forma 128, opacidad de fondo inicial 255, formas aleatorias por paso 50 y mutaciones de forma por paso 100.
6. Seleccione Ejecutar. En nuestra prueba, Formas agregadas alcanzó 20 y el control volvió a Ejecutar después de que se detuvo el proceso limitado.
7. Seleccione Guardar SVG, conserve el archivo descargado y compare su diseño con la fuente.

La explicación de la demostración describe Ejecutar/Pausa, Paso, Abrir imagen, Restablecer y sus opciones para guardar. El Paso agrega una primitiva cuando desea inspeccionar el proceso de forma incremental. Restablecer borra las formas actuales, así que guarda el resultado que quieras conservar antes de comenzar de nuevo.

Si el lienzo aún muestra la muestra suministrada, deténgase y vuelva a abrir su fuente antes de juzgar el resultado. Si una nueva ejecución cambia una versión que deseaba conservar, regrese al SVG guardado y a la imagen original en lugar de asumir que Restablecer restaurará el ajuste anterior.

Lea correctamente el recuento de formas guardadas

Nuestro archivo descargado tenía 2292 bytes y declaraba un ancho de 384 y un alto de 256. La inspección XML encontró 20 elementos <rect> y ningún elemento <image>. Un rectángulo es en sí mismo geometría vectorial; no es necesario serializarlo como <path> para contar como una forma vectorial. La especificación de formas básicas SVG define el elemento rectángulo.

Uno de esos 20 rectángulos era el fondo opaco. Los otros 19 tenían una fill-opacity de aproximadamente 0.502. Por lo tanto, el recuento no significó 20 objetos de diseño distintos en primer plano, ni tampoco un rectángulo para cada región en el original.

El lienzo real muestra por qué es importante esa distinción. Varios rectángulos se superponen para sugerir el marco azul marino y las piezas escalonadas se aproximan al triángulo verde azulado. El fondo blanco de la fuente y la apertura interior quedan representados a través de esta composición encastrada. Seleccionar un solo rectángulo más adelante no necesariamente seleccionará todo el marco que reconoce visualmente.

La Opacidad de relleno controla qué tan opaca es la pintura dentro de una forma. En el caso de formas parcialmente transparentes, la superposición contribuye al color visible; el relleno almacenado de un rectángulo por sí solo no describe cada píxel de la composición final. La especificación de pintura SVG define esa propiedad de pintura.

Mantenga la estructura del archivo separada del estilo visual

El SVG conservado también contenía corchetes literales y comas entre los elementos del rectángulo. Mantuvimos el archivo descargado sin cambios. Esta guía no demuestra cómo el editor elegido manejará esa serialización, así que verifique el archivo guardado real en su destino previsto antes de depender de él.

Para la siguiente verificación, abra una copia de su SVG, confirme que se representa e inspeccione cómo se pueden seleccionar sus formas. Si una aplicación receptora lo rechaza o muestra contenido inesperado, conserve la exportación original y diagnostique esa importación específica antes de usar el archivo. Un lienzo de navegador que funcione por sí solo no prueba que un documento exportado cumpla con los requisitos de otra aplicación.

No asuma que un mayor número de formas recuperará la estructura del objeto original. No realizamos una comparación de recuentos mayores. Si explora otro tipo de gorra o forma, guarde cada resultado por separado y juzgue su efecto visual y sus necesidades de edición en esa imagen.

Nuestra guía de geometría y trazado de Boxy SVG explica la misma elección de diseño en el contexto de un editor. Para fuentes fotográficas, las expectativas de foto a SVG ayudan a decidir si conservar la trama o elegir un resultado estilizado.

Cuando los contornos son más útiles que el arte geométrico

PerfectVector es una alternativa cuando su objetivo es un trazado automático de imagen a vector que pueda inspeccionar con respecto al original, en lugar de una composición rectangular deliberada. Utilice la página de imagen a vector con su fuente, luego verifique la silueta importante, las aberturas interiores y las regiones de color separadas. No ejecutamos una conversión de PerfectVector en esta referencia de prueba ni comparamos su resultado con Geometrize.

Los datos del producto de PerfectVector describen una vista previa gratuita de solo visualización, con edición y exportación después del desbloqueo. Si el tratamiento geométrico es la obra de arte que desea, quédese con esa elección creativa. Si necesita una construcción exacta o límites de objetos específicos, el dibujo manual puede ser una mejor opción que cualquiera de las rutas automáticas.

Utilice la lista de verificación de calidad de rastreo para anotar las características que deben sobrevivir. El archivo aceptado debe respaldar la siguiente tarea, ya sea organizar una ilustración geométrica o refinar un contorno reconocible.

Preguntas frecuentes

¿Geometrize exporta SVG desde una imagen existente? Sí. La demostración web proporciona controles Abrir imagen y Guardar SVG. La ejecución real de nuestro navegador guardó un SVG que contiene geometría rectangular del control cargado.

¿20 formas significan 20 objetos en primer plano? No. En nuestro archivo guardado de 20 rectángulos, un rectángulo era el fondo y los demás se superponían para aproximarse a la imagen. Ese recuento no reconstruyó los objetos significativos de la fuente.

¿Era 20 el número de formas predeterminado o máximo? No. Seleccionamos deliberadamente 20 para este ejemplo acotado. No probamos la capacidad de la herramienta ni comparamos la calidad en recuentos mayores.

¿Un SVG geométrico garantiza un archivo fácil de editar o cortar? No. Inspecciona su estructura en la aplicación receptora. Esta prueba se detuvo en el resultado real del navegador y guardó SVG; La importación, edición y corte del editor nativo no se probaron.

Fuentes

1. Geometrize — Página de inicio del proyecto — El enfoque previsto de imagen a primitivas geométricas.
2. Sam Twidale - Geometrize demostración web: los controles reales de imagen de origen, configuración, ejecución y guardado de SVG que se utilizan aquí.
3. W3C — SVG 2 formas básicas — Los elementos rectangulares son geometría vectorial.
4. W3C — Opacidad de relleno SVG 2: cómo se aplica la opacidad a la pintura interior de una forma.
5. PerfectVector: datos del producto: vista previa y flujo de trabajo de edición/exportación desbloqueado.

Comienza gratis con tu propia imagen en PerfectVector, luego inspecciona su contorno y la abertura más pequeña e importante antes de decidir qué geometría se adapta a tu trabajo.