Comment convertir une image bitmap de mauvaise qualité en vecteur?

Je conçois un site Web pour un groupe qui a perdu l'image numérique d'origine de son logo. Le seul fichier qu'ils en ont est un jpg qui a été intégré dans un document Word. L'image a tout ce qui ne va pas avec elle:

• Anti-aliasé sur un fond blanc où il doit être transparent
• Artefacts d'image
• Redimensionné mal vers le bas.
• Les lignes qui devraient être droites et solides ne le sont pas.

J'ai actuellement utilisé l'outil baguette pour se débarrasser du fond blanc et l'ai collé sur le site Web, mais sa mauvaise qualité le fait ressortir comme un pouce endolori. J'ai besoin de quelques tailles différentes pour l'utiliser, alors comment pourrais-je créer une image vectorielle à partir de celle-ci?

Je pense qu'il existe également une solution open source pour cela, en plus du logiciel Adobe: Inkscape

J'ai eu le même problème il y a quelques années avec une douzaine de logos et j'ai pu le résoudre avec Inkscape de cette façon:

1. Ouvrez l'image bitmap.
2. Faites un clic gauche dessus pour le sélectionner.
3. Bitmap de chemin / trace
4. Vous devez maintenant commencer à expérimenter avec les paramètres possibles et à actualiser l'aperçu sur le côté droit de la boîte de dialogue. "Inkscape incorpore le programme Potrace ( http://potrace.sourceforge.net ) pour fournir cette fonctionnalité, et une documentation détaillée sur la fonction de cette fonctionnalité peut être trouvée sur le site Web de Potrace." - à partir de la documentation d'Inkscape.
5. Enregistrer en SVG.

Il y a 2 options que j'ai utilisées, mais elles nécessitent un logiciel qui n'est pas bon marché. Adobe propose des essais de 30 jours sur les deux.

Méthode 1 - Utilisation d'Adobe Illustrator

• Ouvrez Illustrator
• Sélectionnez Fichier> Nouveau dans le menu et configurez la mise en page selon vos besoins
• Sélectionnez Fichier> Placer ... et recherchez le fichier du logo (je ne me souviens pas si l'image doit être dans un format spécifique)
• Sélectionnez l'image et allez dans Objet> Live Paint ou Live Trace (dans votre cas, la peinture en direct pourrait être meilleure car le dessin n'est pas votre fort)
• L'image doit maintenant être vectorisée et vous pouvez retoucher au besoin et le redimensionnement maintiendra la qualité car elle a été vectorisée.

Méthode 2 - Utilisation d'Adobe Flash et d'Illustrator

• Ouvrir Flash
• Créer un nouveau document flash
• Choisissez Fichier> Importer> Importer dans la scène (Ctrl + R) et recherchez le (graphique bitmap) que vous souhaitez convertir en vecteur.
• Sélectionnez l'image entière (Ctrl + A), puis cliquez sur Modifier - Bitmap - Tracer le bitmap. Ensuite, choisissez les options dans la fenêtre qui s'est ouverte.
• Exporter au format * .ai (fichier Adobe Illustrator)
• Ouvrez dans Illustrator et ajustez si nécessaire.

Les documents d' utilisation imagemagick ont une bonne explication sur la façon d'effectuer la détection des contours et la conversion raster en vecteur . Dans la section edge_vector, qui commence par dire, essentiellement, pour de meilleurs résultats, n'utilisez pas imagemagick:

Les programmes qui peuvent le faire incluent: "ScanFont", "CorelTrace" et "Streamline" par Abobe. Cependant, la plupart d'entre eux coûtent beaucoup d'argent. Mais une solution gratuite est " AutoTrace " ou " PoTrace ". D'autres suggestions sont les bienvenues.

Les deux programmes de trace sont simples à utiliser, mais nécessitent une configuration avant et après l'image. Ils ont un nombre limité de formats d'entrée et produisent une image vectorielle qui créera une forme «lissée» de l'image d'entrée. Je préfère le "AutoTrace" car il ne met pas à l'échelle le SVG résultant, produisant une épaisseur de ligne standard, mais vous ne pouvez pas l'utiliser dans un "pipeline".

Pour de meilleurs résultats, c'est une bonne idée de nous assurer de ne lui fournir qu'une image bitmap de base, ce que nous pouvons garantir en seuillant l'image d'entrée, pendant que nous la convertissons en un format d'image que autotrace comprend. Je peux ensuite convertir cette image en une image vectorielle SVG.

Vous pouvez exécuter le suivi automatique en ligne si vous souhaitez l'essayer.

Sans voir l'image, c'est difficile à dire, mais il pourrait être plus rapide de simplement la redessiner à partir de zéro en utilisant le jpg comme guide plutôt que la source. Vous obtiendrez également une image de référence que vous pourrez réutiliser.

Évidemment, cela pourrait ne pas être une option si vous n'avez pas les outils ou si vos compétences en dessin ne sont pas (en train de le dire poliment) à la hauteur.

Pas gratuit mais excellent outil à utiliser: CorelDraw. Il a une fonction de trace bitmap pour créer une image vectorielle et fait très bien le travail. Il a eu beaucoup de bons résultats avec. Comme avec de nombreux logos, la couleur est moins utilisée, il peut donc être judicieux de réduire la profondeur de couleur, ce qui supprime également le bruit d'un graphique saccadé.

Avant de faire cela, augmentez-le à environ 4x (ou plus) la taille du graphique et réduisez les couleurs, disons 16 couleurs si possible. Après cela, augmentez les couleurs et redimensionnez-les. Cela adoucira les frontières. Un excellent outil est une ancienne version de PaintShop Pro (j'utilise la version 7 de 2000), avec beaucoup de bons résultats, roi dans la réduction des couleurs.

Ces méthodes sont très utilisables pour les anciennes illustrations (photos), les autocollants, les logos pour créer une image vectorielle de celui-ci et vous faire économiser du travail.