« Image vers ASCII vers SVG » : différence entre les versions
Aucun résumé des modifications |
|||
| (6 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
= 🖼️ Conversion d’image en ASCII puis en SVG = | = 🖼️ Conversion d’image en ASCII puis en SVG = | ||
3 méthodes pour convertir une image (<code>.png</code>) en une représentation '''ASCII''', puis en '''SVG'''. L’objectif est de produire une version vectorielle stylisée de l’image, utile pour des rendus légers ou artistiques. | |||
----- | ----- | ||
Voir : | |||
*[[Ascii| Ascii]] | |||
*[[SVG| SVG]] | |||
== 🥇 Solution 1 : img2txt + aasvg == | == 🥇 Solution 1 : img2txt + aasvg == | ||
| Ligne 409 : | Ligne 404 : | ||
* La '''solution 1''' est plus rapide et produit un SVG avec des glyphes colorés si on garde les séquences ANSI. | * La '''solution 1''' est plus rapide et produit un SVG avec des glyphes colorés si on garde les séquences ANSI. | ||
* La '''solution 2''' est plus adaptée pour des rendus en noir et blanc ou des effets de contours. | * La '''solution 2''' est plus adaptée pour des rendus en noir et blanc ou des effets de contours. | ||
* La '''solution 3''' permet une conversion avec couleurs préservées, en interprétant les séquences ANSI (y compris les couleurs 256 et truecolor) et en les traduisant en éléments SVG. Elle gère également les styles typographiques comme le gras, italique et souligné, ainsi que les fonds colorés. Le rendu est plus fidèle à l’ASCII d’origine, mais nécessite Python 3 et un script dédié sans dépendances externes. | |||
= Exemple d'intégration de l'image SVG dans un fichier HTML = | = Exemple d'intégration de l'image SVG dans un fichier HTML = | ||
| Ligne 425 : | Ligne 421 : | ||
height: 100%; | height: 100%; | ||
position: fixed; | position: fixed; | ||
background-image: url("picture | background-image: url("picture.svg"); | ||
background-position: center center; | background-position: center center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Ligne 442 : | Ligne 438 : | ||
[[Catégorie:Dev]] | [[Catégorie:Dev]] | ||
[[Catégorie:Geek]] | [[Catégorie:Geek]] | ||
[[Catégorie: Terminal Tools]] | |||