Como converter imagem de bitmap de baixa qualidade em vetor?

Question

Estou criando um site para um grupo que perdeu a imagem digital original para o logotipo. O único arquivo que eles têm é um jpg que foi incorporado em um documento do Word. A imagem tem tudo o que é possível de errado:

• Anti-aliased em um fundo branco, onde deve ser transparente
• Artefatos de imagem
• redimensionado para baixo mal.
• As linhas que devem ser retas e sólidas não são.

Atualmente, usei a ferramenta de varinha para me livrar do fundo branco e coloquei-o no site, mas a má qualidade faz com que ele se destaque como um dedão dolorido. Eu preciso de alguns tamanhos diferentes para usar, então como eu iria criar uma imagem vetorial baseada nela?

    

Answer 1

Acho que há também uma solução de código aberto para isso, além do software da Adobe: Inkscape

Eu tive o mesmo problema há alguns anos com uma dúzia de logotipos e consegui resolvê-lo com o Inkscape desta maneira:

1. Abra a imagem de bitmap.
2. Clique com o botão esquerdo para selecioná-lo.
3. Bitmap de caminho / rastreamento
4. Agora você precisa começar a experimentar as configurações possíveis e atualizar a visualização no lado direito da caixa de diálogo. "O Inkscape incorpora o programa Potrace ( link ) para fornecer essa funcionalidade, e uma documentação detalhada sobre a função desse recurso pode ser encontrada no site site para o Potrace. " - da documentação do Inkscape.
5. Salvar como SVG.

Answer 2

Existem duas opções que eu usei, mas elas exigem um software que não seja barato. A Adobe fornece testes de 30 dias em ambos.

Método 1 - Usando o Adobe Illustrator

• Abra o Illustrator
• Selecione Arquivo > Novo no menu e configurar o layout conforme necessário
• Selecione Arquivo > Coloque ... e encontre o arquivo do logotipo (não me lembro se a imagem precisa ser um formato específico)
• Selecione a imagem e vá para Objeto > Live Paint ou Live Trace (no seu caso, a pintura ao vivo pode ser melhor, pois o desenho não é o seu strong)
• Agora, a imagem deve ser vetorizada e você pode retocar conforme necessário, e o redimensionamento manterá a qualidade desde que tenha sido vetorizado.

Método 2 - Usando o Adobe Flash & Illustrator

• Abrir o Flash
• Crie um novo documento em flash
• Escolha Arquivo > Importar > Importar para o palco (Ctrl + R) e encontrar o (gráfico de bitmap), que você deseja converter em um vetor.
• Selecione a imagem inteira (Ctrl + A) e clique em Modificar - Bitmap - Traçar bitmap. Em seguida, escolha as opções na janela que abriu.
• Exportar como * .ai (arquivo do Adobe Illustrator)
• Abra no Illustrator e ajuste conforme necessário.

Answer 3

Os imagemagick documentos de uso têm uma boa explicação de como realizar a detecção de bordas e raster para vetorizar conversão. Na seção edge_vector, que começa dizendo basicamente, para obter melhores resultados, não use imagemagick:

Programs that can do this include: "ScanFont", "CorelTrace" and "Streamline" by Abobe. Most of these however cost a lot of money. But a free solution is "AutoTrace" or "PoTrace". Other suggestions are welcome.

Ambos os programas de rastreamento são simples de usar, mas requerem algumas configurações de pré e pós-imagem. Eles possuem um número limitado de formatos de entrada e geram uma imagem vetorial que cria uma forma 'suavizada' da imagem de entrada. Eu prefiro o "AutoTrace", pois não dimensiona o SVG resultante, produzindo uma espessura de linha padrão, no entanto, você não pode usá-lo em um 'pipeline'.

Para obter os melhores resultados, é uma boa ideia garantir que apenas alimentemos uma imagem de bitmap básica, que podemos garantir limitando a imagem de entrada, enquanto a convertemos em um formato de imagem que o autotrace entende. Eu posso então converter essa imagem em uma imagem vetorial SVG.

Você pode executar o autotrace on-line se quiser testá-lo.

    

Answer 4

Sem ver a imagem, é difícil dizer, mas talvez seja mais rápido redesenhar a imagem do zero usando o jpg como guia, em vez da fonte. Você também receberá uma imagem de referência que poderá usar novamente.

Obviamente, isso pode não ser uma opção se você não tiver as ferramentas ou se suas habilidades de desenho não estiverem (tentando dizer isso educadamente) até o trabalho.

    

Answer 5

Não é livre, mas excelente ferramenta para usar: CorelDraw. Ele tem uma função de rastreamento de bitmap para criar uma imagem vetorial e faz o trabalho muito bem. Teve muitos bons resultados com isso. Tal como acontece com muitos logotipos, há menos uso de cores, por isso pode ser uma boa ideia diminuir a intensidade da cor, o que também remove algum ruído de um gráfico espasmódico.

Antes de fazer isso, suba para cerca de 4x (ou mais) o tamanho do gráfico e reduza as cores, digamos 16 cores, se possível. Depois disso, aumente as cores e diminua a escala. Isso suavizará os limites. Uma excelente ferramenta é uma versão mais antiga do PaintShop Pro (eu uso a versão 7 de 2000), teve muitos grandes resultados com ela, o rei na redução de cores.

Estes métodos são muito úteis para obras de arte antigas (fotos), adesivos, logomarcas para criar uma imagem vetorial e poupar muito trabalho.