Ascii ART: 12 générateurs de texte à partir d’une image

L’ascii art est l’art de représenter des images en caractères classique d’imprimerie. Il n’est pas facile, voire impossible, de faire ce type d’art, à la main. Il est donc nécessaire de passer par une application soit logicielle, soit en ligne.  L’Ascii art est vieux comme l’informatique et on pourra lire en détail l’histoire de l’Ascii art sur wikipedia.org : Art_ASCII.

Personnellement, j’ai découvert ce truc en 1979 quand j’étais étudiant en électronique. Cela dit, les choses se sont sophistiquées avec la puissance de calcul des ordinateurs. Dans la série nostalgie, voilà donc une compilation des applications web qui permettent de transformer une image en un ascii art.

Textify.it (résultat en image).

Cette application est la plus sophistiquée de la liste. Elle se limite à transformer une photo en image en forme de texte, ce qui veut dire qu’elle  ne permet pas de récupérer le code ascii, mais seulement une image.

Une fois que l’image a été puiséé à partir de disque dur, soit via l’url d’une image on obtient un résultat par défaut. Il faudra ensuite régler quelques paramètres pour arriver au résultat désiré.

On pourra faire varier :

  • le type de lettres ou motifs ,car il n’y pas que des lettres en options.
  • Appliquer un filtre (noire et blanc ou sépia)
  • Choisir un fond quand c’est posssible.
  • le nombre de caratères qui vont apparaitre sur la photo (de 1000 à 100 000)
  • la taille des caractères.
  • la police
  • Et la forme (italique, gras…)

On pourra peut-être regretter la taille des images qui ne dépasse pas 800 pixels soit en largeur soit en hauteur. En tout cas cette taille est compatible avec tous les photos qu’on peut mettre dans les réseaux sociaux comme Facebook, Twitter ou Instagram. On notera aussi qu’il existe une version sur l’appstore (non testé , car je n’ai pas de iphone).

Text-Image en ascii (3 options) .

Vous avez 3 choix sur ce site, la transformation en code html, en code ascii et en matrix.  Avec ce service en ligne on ne récupère pas la photo, mais bien un texte qu’on pourra éventuellement coller dans un éditeur de texte à condition de bien maîtriser la mise en page d’un tel texte.

En fonction de l’option, on pourra choisir les caractères qu’on veut faire apparaître dans le résultat, la taille et la largeur de l’image (de 1 à 500 caractères, puis la couleur, le noir et blanc et le monochrome.

Asciichinois

Choisissez l’url d’une photo, choisissez l’idéogramme  et générer une photo en ASCII chinois (si on peut dire que l’ASCII chinois existe). Avec cet outil le résultat est bien en caractère ascii, on pourra donc s’amuserr à coller directement le texte dans un logiciel à traitement de texte et par conséquent copier le code sur une page web également. Il faudra juste faire attention à la taille.

Si vous voulez sauvegarder le résultat en mode image, il suffit d’appuyer sur la touche « Imp ecran » de votre clavier et de coller le résultat dans un logiciel de photo comme photoscape.

Glassgiant (minimaliste)

Trouver l’url d’un photo ou téléverser une photo et transformer la photo en pur ASCII. Choisir le nombre de caractères et la grosseur pour un résultat plus fin. L’intérêt du résultat, c’est que vous pouvez copier les caractères directement et coller dans un mail par exemple.  On a le choix entre blanc sur fond noir et noir sur fond blanc.

Avec ce service nous sommes vraiment dans le minimaliste et qui dit minimaliste dit traitement rapide de l’image.

ASCII Art

Choisir une qualité de 1 (grande taille) à 5 (petite taille) et créer un bel ASCII ART. Si vous avez déjà testé les outils du début de la liste, le principe est à peu près toujours le même. Comme d’habitude, le conseil est de faire varier les paramètres dans tous les sens pour voir ce que ça donne et de choisir le meilleur résultat.

Slimshady451.free.fr (résultat en html).

Beaucoup d’options sur ce site et surtout la possibilité de récupérer un code html. Dans l’exemple, j’ai pu personnaliser les caractères « rogebiz ».  Il faudra tout de même faire attention que le code généré est proposé en format HTML donc compatible avec un éditeur de texte html. Pour une grossse image, le code généré est assez énorme, il faudra donc se contenter de convertir de petite photo, voire des simples vignettes.

sporkforge.com

Cet outil vous permettra de réduire l’image à un format très raisonnable pour copier le code sans problème de retour à la ligne. Il s’agit du septième service de cette liste, vous n’avez plus besoin de trop d’explications.

En terme de simplicité nous somme service, il n’y a qu’à fixer la qualité (commencer par 5) et récupérer le résultat directement sur la page.

 PicASCII

Plutot restreint en taille, avec un résultat soit en couleur soit en noir et blanc, il n’y a aucun autre paramètre à choisir sinon la qualité de l’image qui se caractérise pour un nombre plus ou moins grand de caractères.

DeGraeve.com

Degraeve présente une foule d’outils utiles dont la transformation d’une photo en code ascii. Il faudra copier l’url de l’image, choisir ascci ou html pour le format de sortie et fixer la largeur du résultat.  Il semble que l’option « letters to use » ne marche pas.

Lunatic

L’image n’est pas de très bonne définition sur ce site, mais le code est facilement copiable dans un mail ou sur un forum. L’outil n’accepte pas les url de photo en https, mais comme il y a aussi l’option de choisir une photo à partir d’un disque dur, cela ne pose pas trop de pb.


MasterVB.net

On commence  à se fatiguer à tester tous ces services et celui là est encore très simple d’usage. Maintenant on est vraiment rodé!

Cet outil propose aussi de transformer un texte banal en un texte format ascii

Typorganism

Il faudra déjà réduire la photo aux dimensions 60×50 pixels pour réaliser la transformation. Ce qui est peu pratique. En termes de paramètres on a le choix entre la couleur ou le noir et blanc, les lettres ou les carrés (square).  Le résultat est à télécharger en code html, sinon une copie d’écran sera l’autre option.

 

ce billet est une mise à jour d’un vieux billet déjà écrit sur ce blogue  sites-pour-texturizer-votre-photo

Première version de cette fiche  : 28 février 2012 à 9 h 51

 

Editeur d’image en pixel en ligne : 5 outils

Si le gif est un dinosaure qui a survécu au web2.0, on peut presque en dire autant des images créées en pixel. En fait toutes les images sont faites de pixels, mais quand on parle de l’art du pixel, on parle en fait de dessiner une image pixel par pixel (point par point) , comme on peut le voir dans la figure de gauche.

Commençons par expliquer ce qu’est un pixel ! Le pixel  est l’unité de base permettant de mesurer la définition d’une image numérique matriciellePour faire plus simple : le pixel est un point lumineux. Chaque point lumineux ajouté à un autre point forme une image. Au fur à mesure des évolutions technologiques, on a commencé par le premier pixel qui ne pouvait prendre que deux états, le noir et le blanc et qui prenait en mémoire 1 seul bit! (C’est l’époque où la mémoire des ordinateurs manquait cruellement ). Puis on a créé un pixel à 4 bits et donc à 16 couleurs (4 à la puissance 2), puis 8 bits avec 256 couleurs, 16 bits avec 65 mille couleurs et maintenant 24 bits avec 16 millions de pixels. Avec 24 bits, on est plus fort que l’oeil, donc on aura plus aucune évolution en terme de pixel.

  • Exemple FF FF FF qui est le blanc, en binaire ça fait 16 bits à 1111 1111 1111 1111 1111 1111
  • Exemple 00 00 00 qui est le noir, en binaire ça fait 0000 0000 0000 0000 0000 0000 .

Bref, nous les vieux geeks, le pixel est pratiquement gravé& dans notre DNA. Pour les plus jeunes, il s’agit d’un truc vaguement familier.  Mais nous les vieux geeks on s’accroche à la partie nostalgique, c’est un peu comme les taxis face à UBER, on s’accroche, mais contrairement à Uber, les jeunes peuvent tout de même s’intéresser au vieux pixels car en fait le pixel n’est pas prêt de mourir et  à ce titre, je viens de dresser une liste de service en ligne qui offrent une option de dessin au pixel.

Piskelapp.com

On commence par le meilleur, car en terme d’image, on peut créer des animations au pixel qui vont prendre un minimum de mémoire sur une application de jeu par exemple.

Dessin au pixel 1

On aura donc une grande facilité à créer une animation comme celle qui suit :

On pourra se référer la fiche : Créer une animation en pixel et sauvegarde en GIF qui explique plus en détail cet outil.

Piq.codeus.net/draw

Cet outil en ligne est assez sophistiqué, même si on ne traite que du pixel. On pourrait même dire que c’est le photoshop du dessin au pixel, car il y a déjà une notion de calque, ce qui va faciliter grandement l’élaboration du dessin. De plus, les nombreuses options disponibles permettront un rendu de dessin optimum.

Dessin au pixel 2

Si on est doué, on pourra vraiment réaliser de petite oeuvre numérique de qualité. Dans mon cas, mon essai n’est pas concluant. Dommage qu’on ne puisse pas importer des photos et les retoucher avec cet outil.

Pixieengine.com/pixel-editor

Dessin au pixel 3 en gif

Avec cet outil, on est plutôt dans le spartiate ou le minimalisme, en fait on revient à la source de l’édition de pixel avec très peu d’options. On prendra soin de bien définir la taille du dessin. En effet,  si on commence à dessiner avec un dessin de 16X16 pixels, c’est un peu petit.

Sur la gauche voilà une animation qui fait un peu mal aux yeux qui permet de résumer un peu ce qu’on peut faire avec cet outil

L’avantage de cet outil c’est qu’on peut importer une image et la modifier.  Attention toutefois à ne pas importer des images trop grosses sous peine de blocage.

Makepixelart.com

Cet outil est encore plus simple d’usage, il faudra donc passer un peu plus de temps pour faire un truc assez valable. L’avantage, c’est qu’on peut faire une sauvegarde en format PNG ce qui permet de pouvoir faire des dessins avec des zones transparentes (alha) , ce qui sera très utile pour la superposition d’image.

Dessin au pixel 4

 

Make8bitart.com

Cet outil en ligne est encore plus simple d’usage et la simplicité implique aussi un résultat très simple, comme son non l’indique on a le droit à 8bits en terme de couleur soit 256 couleurs plus la couleur alpha qui permet l’option transparent. On appréciera le grand espace disponible pour faire des

Dessin au pixel 5

Avec l’outil on a le droit au minimum : la pipette, le remplissage et le crayon avec une taille variable. Avec un peu de patience, on pourra faire un truc simple et bien meilleur que ce que j’ai réalisé pour le test.

Un sujet voisin le Favicon

Un favicon, c’est une photo « iconisée » (extension en .ico) que vous trouvez la plupart du temps devant un url. Cette « photo » est d’une dimension petite de 16X16 pixels.  Vu la petitesse de la photo, on peut vraiment créer un favicon grâce aux outils que je viens de décrire ci-dessus.

Vous pourrez donc aussi consulter la liste de 10 outils qui permettent de créer des favicons.

exemple de favicon pixel

Conclusion : malgré la prolifération des mémoires et des images de 20 millions de pixels, il existe toujours un créneau pour la création d’image en pixel. Cet univers appartient surtout à la section des icones qu’on voit dans les logiciels et les jeux vidéos. Noramlement une image en pixel doit être sauvegardée en format bitmap, ou PNG, mais pas en JPG qui a une facheuse tendance à compresser les images. 

 

 

 

 

chalkmotion pour faire des présentations en dessin

Je viens de tester le service en ligne chalkmotion.com . Ce service offre un outil de création de présentation  qui s’articule autour d’une bibliothèque de dessins et d’une option de dessin à la souris (si vous avez une tablette WACOM, c’est encore mieux) .  L’outil semble être dans sa phase beta car il est encore lent et plante de temps en temps. Néanmoins, j’ai peu faire quelques trucs avec l’outil, notamment enregistrer une petite séquence gif comme le montre l’animation qui suit.

Comme vous pouvez le constater, écrire ou dessiner sur internet et encore un truc très très difficile et peu concluant.  Il y a tout de même la bibliothèque de dessins pré enregistrés qui permettra tout de même d’aller plus vite en besogne.

En fait l’outil est encore bien spartiate et offre peu d’options de présentation, espérons donc que les choses vont s’améliorer dans le futur.  Ce que j’ai pu faire avec cet outil c’est d’enregistrer une phrase sous forme de gif avec l’aide de mon outil de création de gif :  gifcam sinon l’usage est encore un peu restreint.

Ce qu’offre chalkmotion.com  :

  • La création d’une présentation en slide.
  • L’option de faire des dessins pour chaque slide.
  • L’importation de formes prédéfinies
  • Insertion de titre et d’un laius au bas de chaque slide.
  • Les options de partages habituels vers les réseaux sociaux.
  • L’export en format png de dessins.

Conclusion, j’ai failli zappé l’information car l’outil est tout de même pas encore au point pour en faire un usage sérieux comme les nombreux services existant à powerpoint.

Pour le test jugez plutôt sur http://www.chalkmotion.com/DrawDetails/2503 

Pin It on Pinterest