¿Cómo convertir una imagen de mapa de bits de baja calidad a vector?

8

Estoy diseñando un sitio web para un grupo que ha perdido la imagen digital original de su logotipo. El único archivo que tienen es un jpg que fue incrustado en un documento de Word. La imagen tiene todo lo posible mal:

  • Anti-alias sobre un fondo blanco donde debería ser transparente
  • Artefactos de imagen
  • Redimensionado hacia abajo mal.
  • Las líneas que deberían ser rectas y sólidas no lo son.

Actualmente utilicé la herramienta de varita para deshacerme del fondo blanco y la pegué en el sitio web, pero su mala calidad hace que sobresalga como un pulgar dolorido. Necesito algunos tamaños diferentes para usar, entonces, ¿cómo haría para crear una imagen vectorial basada en ella?

Macha
fuente

Respuestas:

7

Creo que también hay una solución de código abierto para esto, además del software de Adobe: Inkscape

Hace un par de años tuve el mismo problema con una docena de logotipos y pude resolverlo con Inkscape de esta manera:

  1. Abre la imagen de mapa de bits.
  2. Haga clic izquierdo sobre él para seleccionarlo.
  3. Mapa de bits de ruta / seguimiento
  4. Ahora debe comenzar a experimentar con las configuraciones posibles y actualizar la vista previa en el lado derecho del cuadro de diálogo. "Inkscape incorpora el programa Potrace ( http://potrace.sourceforge.net ) para proporcionar esta funcionalidad, y puede encontrar documentación detallada sobre la función de esta función en el sitio web de Potrace". - de la documentación de Inkscape.
  5. Guardar como SVG.
Atila Csipak
fuente
5

Hay 2 opciones que he usado, pero requieren un software que no sea barato. Adobe proporciona 30 días de prueba en ambos.

Método 1: uso de Adobe Illustrator

  • Ilustrador abierto
  • Seleccione Archivo> Nuevo en el menú y configure el diseño según sea necesario
  • Seleccione Archivo> Colocar ... y busque el archivo del logotipo (no recuerdo si la imagen tiene que tener un formato específico)
  • Seleccione la imagen y vaya a Objeto> Pintura en vivo o Trazado en vivo (en su caso, la pintura en vivo podría ser mejor ya que dibujar no es su fuerte)
  • La imagen ahora debe estar vectorizada y puede retocar según sea necesario y cambiar el tamaño mantendrá la calidad ya que se ha vectorizado.

Método 2: uso de Adobe Flash e Illustrator

  • Flash abierto
  • Crear un nuevo documento flash
  • Elija Archivo> Importar> Importar a escenario (Ctrl + R) y busque el (gráfico de mapa de bits) que desea convertir en un vector.
  • Seleccione la imagen completa (Ctrl + A) y luego haga clic en Modificar - Mapa de bits - Trazar mapa de bits. Luego, elija las opciones de la ventana que se abrió.
  • Exportar como * .ai (archivo de Adobe Illustrator)
  • Abra en Illustrator y ajuste según sea necesario.
ricbax
fuente
4

Los documentos de uso de imagemagick tienen una buena explicación de cómo realizar la detección de bordes y la conversión de ráster a vector . Desde la sección edge_vector, que comienza diciendo, esencialmente, para obtener los mejores resultados, no use imagemagick:

Los programas que pueden hacer esto incluyen: "ScanFont", "CorelTrace" y "Streamline" de Abobe. Sin embargo, la mayoría de estos cuestan mucho dinero. Pero una solución gratuita es " AutoTrace " o " PoTrace ". Otras sugerencias son bienvenidas.

Ambos programas de rastreo son fáciles de usar, pero requieren una configuración previa y posterior de la imagen. Tienen un número limitado de formatos de entrada y genera una imagen vectorial que creará una forma 'suavizada' de la imagen de entrada. Prefiero el "AutoTrace", ya que no escala el SVG resultante, produciendo un grosor de línea estándar, sin embargo, no puede usarlo en una 'tubería'.

Para obtener los mejores resultados, es una buena idea asegurarse de que solo le proporcionemos una imagen de mapa de bits básica, lo que podemos asegurar al limitar la imagen de entrada, mientras la convertimos a un formato de imagen que comprenda el trazado automático. Entonces puedo convertir esa imagen en una imagen vectorial SVG.

Puede ejecutar el autotrace en línea si desea probarlo.

DaveParillo
fuente
1

Sin ver la imagen es difícil de decir, pero podría ser más rápido volver a dibujarla desde cero utilizando el jpg como guía en lugar de la fuente. También obtendrá una imagen de referencia que puede usar nuevamente.

Obviamente, esto podría no ser una opción si no tiene las herramientas o si sus habilidades de dibujo no están (tratando de decir esto cortésmente) para el trabajo.

ChrisF
fuente
No puedo dibujar para mi vida, por lo que volver a dibujar no es una opción. La imagen es una cresta.
Macha
0

Sin embargo, no es una herramienta excelente para usar: CorelDraw. Tiene una función de rastreo de mapa de bits para crear una imagen vectorial y hace el trabajo realmente bien. Tuve muchos buenos resultados con eso. Como con muchos logotipos, hay menos uso de color, por lo que podría ser una buena idea disminuir la profundidad del color, esto también elimina algo de ruido de un gráfico desigual.

Antes de hacer esto, aumente la escala a aproximadamente 4x (o más) el tamaño del gráfico y reduzca los colores, digamos 16 colores si es posible. Después de esto, aumente los colores y vuelva a escalar. Suavizará los límites. Una herramienta excelente es una versión anterior de PaintShop Pro (utilizo la versión 7 de 2000), tuvo muchos excelentes resultados con ella, rey en la reducción de colores.

Estos métodos son muy útiles para obras de arte antiguas (fotos), pegatinas, logotipos para crear una imagen vectorial y ahorrar mucho trabajo.

Codebeat
fuente