Comment réparer un logo pixellisé tout en gardant le fond transparent

L'un de mes premiers clients indépendants en conception de sites Web m'a envoyé son logo en guise de JPEG de 150 pixels de large. C'était le seul dossier dont ils disposaient. Leur précédent le designer l'avait, ils se sont disputés, et maintenant le seul exemplaire du le logo existant était une vignette compressée provenant d'un ancien e-mail signature. Ils le voulaient dans l'en-tête de leur nouveau site Web vers 400 pixels de large avec un fond transparent.

Ce n’est pas inhabituel. Les petites entreprises perdent leurs fichiers de logo d'origine constamment. Le designer qui l'a réalisé il y a cinq ans est injoignable. L'ordinateur contenant les fichiers d'origine est mort. Il ne reste qu'un tout petit version pixélisée extraite d'un PDF ou d'une capture d'écran. Voici comment récupérez-le.

Pourquoi les logos sont plus difficiles à réparer que les photos

Les photos ont une texture naturelle. Peau, tissu, herbe, ciel. Si l'IA lisse légèrement ou ajoute légèrement des détails, cela semble naturel car les photos sont censées avoir des variations. Les logos sont le contraire. Ils avoir des bords durs et délibérés. Une forme de lettre a une forme spécifique. Un la marque géométrique a des courbes nettes et mathématiquement précises. Tout écart à partir de cette précision, cela se lit comme faux.

Les upscalers de photos standard sont mauvais dans ce domaine. Ils regardent les déchiquetés bords d'un logo pixelisé et essayez de les lisser, mais ce lissage transforme les coins pointus en arrondis et les lignes droites en légèrement les ondulés. Le résultat semble plus propre au premier coup d'œil, mais faux lorsque vous regarde-le en fait.

Ce qui fonctionne mieux, c'est un upscaler formé aux graphiques et aux illustrations. Real-ESRGAN propose une variante pour l'art numérique qui préserve les bords nets et des couleurs plates. Il traite la pixellisation comme un dommage à réparer plutôt que la texture à lisser. Pour le logo de 150 pixels que je devais corriger, cela faisait la différence entre quelque chose d'utilisable et quelque chose qui on aurait dit qu'il avait été dessiné avec un crayon émoussé.

Le processus de récupération étape par étape

Première étape. Obtenez la meilleure source possible. Si le client a le logo dessus leur site Web, même s'il est affiché en petit, le fichier source peut être plus grand que ce qui apparaît. Faites un clic droit et ouvrez l'image dans un nouvel onglet. Vérifiez les dimensions réelles. Parfois un logo affiché à 200 pixels Wide est en fait un fichier de 600 ou 800 pixels réduit par le navigateur. Prenez cette version plus grande.

Deuxième étape. Si le logo a un fond blanc et que vous en avez besoin transparent, supprimez d'abord l'arrière-plan avec l'IA. Suppression de l'arrière-plan coûte 1 crédit sur ClarifyPix et prend environ trois secondes pour un logo. Les bords durs des logos rendent la suppression de l’arrière-plan inhabituellement propre. Le le résultat devrait être presque parfait.

Troisième étape. Améliorez le logo. Utilisez 2x si l'original fait environ la moitié votre taille cible, 4x si elle est d'un quart ou moins. Pour mon 150 pixels logo allant à un en-tête de 400 pixels, une mise à l'échelle 4x à 600 pixels m'a donné espace pour travailler. Le coût est de 2 à 4 crédits.

Quatrième étape. Examinez les bords avec un zoom de 200 %. Recherchez les coins adoucis, des lignes bancales ou des saignements de couleur sur les bords. La plupart des upscalers de l'IA obtiennent logos à environ 80% corrects. Les 20 % restants nécessitent généralement quelques minutes de nettoyage manuel avec l'outil gomme ou un passage rapide avec le flou filtre du masque pour resserrer les bords.

Cinquième étape. Si vous avez besoin d'un arrière-plan transparent, assurez-vous d'avoir exporté au format PNG avec le canal alpha intact. Vérifiez à nouveau les bords par rapport à un fond sombre pour s’assurer qu’il n’y a pas de frange blanche. Un halo blanc qui est invisible sur fond blanc devient très visible sur fond sombre en-tête du site Web.

Que se passe-t-il si le logo contient du texte ?

Les logos avec du texte sont les plus difficiles à corriger car les formes de lettres ont des formes très différentes. proportions spécifiques. Si l'IA écrase ou étire légèrement une partie de une lettre, elle attire immédiatement le regard. Pour ceux-ci, j'upscale le logo en 2x, puis superposez la petite version originale à 50 % d'opacité et comparer les formes des lettres. Si des lettres semblent fausses, je les fais manuellement ajustez-les en utilisant l'original comme référence.

Si la police est identifiable, ce qui est souvent le cas avec les polices de logo courantes, Je viens de retaper le texte à la bonne taille et à la bonne position. Il en faut cinq minutes et produit un résultat parfait. La marque du logo bénéficie d'une mise à l'échelle de l'IA. Le texte est retapé. Cette combinaison produit la meilleure qualité restauration d'un logo en texte lourd.

Quand rien de tout ça ne marche

Si le logo mesure moins de 100 pixels de large et est fortement pixelisé, l'IA la mise à l'échelle produira quelque chose qui semble plus propre mais toujours pas professionnel. À ce stade, la meilleure option est de redessiner le logo. Tracez les formes dans Illustrator ou Inkscape. Faites correspondre les polices. Reconstruire comme vecteur. Cela prend une heure ou deux de travail mais produit un logo parfait et évolutif à l’infini.

Le logo JPEG de 150 pixels avec lequel j'ai commencé a pris environ 45 minutes à corriger. La suppression de l’arrière-plan a pris trois secondes. La mise à l’échelle de l’IA a pris huit secondes. Les 44 minutes restantes ont été consacrées au nettoyage manuel des bords et à la nouvelle saisie du texte. nom de l'entreprise. Le client était content et je lui ai facturé une heure de travail. Les outils ont fait le gros du travail. J'ai fait le travail de précision. Cela l'équilibre est à peu près correct pour la restauration du logo.

Si un client vous envoie un petit logo pixelisé, ne lui dites pas que vous en avez besoin un fichier vectoriel qu'ils ne trouveront jamais. Réparez-le, facturez-les et passez à autre chose.