Image vers ASCII vers SVG - Historique des versions

Geo : /* Exemple d'intégration de l'image SVG dans un fichier HTML */

2025-10-22T13:59:07Z

Exemple d'intégration de l'image SVG dans un fichier HTML

← Version précédente		Version du 22 octobre 2025 à 15:59
Ligne 438 :		Ligne 438 :
	[[Catégorie:Dev]]		[[Catégorie:Dev]]
	[[Catégorie:Geek]]		[[Catégorie:Geek]]
	[[Catégorie: Terminal]]		[[Catégorie: Terminal Tools]]

Geo : /* Exemple d'intégration de l'image SVG dans un fichier HTML */

2025-10-22T13:46:25Z

Exemple d'intégration de l'image SVG dans un fichier HTML

← Version précédente		Version du 22 octobre 2025 à 15:46
Ligne 438 :		Ligne 438 :
	[[Catégorie:Dev]]		[[Catégorie:Dev]]
	[[Catégorie:Geek]]		[[Catégorie:Geek]]
			[[Catégorie: Terminal]]

Geo : /* Exemple d'intégration de l'image SVG dans un fichier HTML */

2025-10-22T07:35:34Z

Exemple d'intégration de l'image SVG dans un fichier HTML

← Version précédente		Version du 22 octobre 2025 à 09:35
Ligne 421 :		Ligne 421 :
	height: 100%;		height: 100%;
	position: fixed;		position: fixed;
	background-image: url("picture~~-clean~~.svg");		background-image: url("picture.svg");
	background-position: center center;		background-position: center center;
	background-repeat: no-repeat;		background-repeat: no-repeat;

Geo le 22 octobre 2025 à 07:13

2025-10-22T07:13:29Z

← Version précédente		Version du 22 octobre 2025 à 09:13
Ligne 3 :		Ligne 3 :
	-----		-----

			Voir :
			*[[Ascii\| Ascii]]
			*[[SVG\| SVG]]

	== 🥇 Solution 1 : img2txt + aasvg ==		== 🥇 Solution 1 : img2txt + aasvg ==

Geo le 22 octobre 2025 à 07:11

2025-10-22T07:11:54Z

← Version précédente		Version du 22 octobre 2025 à 09:11
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.
	~~Ce projet propose deux~~ 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.


	-----		-----

Geo le 22 octobre 2025 à 07:11

2025-10-22T07:11:20Z

← Version précédente		Version du 22 octobre 2025 à 09:11
Ligne 1 :		Ligne 1 :
	Voici une proposition de page '''README.md''' en Markdown qui explique clairement ce que font les deux solutions que tu as listées. Elle est structurée pour être facilement compréhensible par des développeurs ou utilisateurs techniques :


	~~-----~~

	= 🖼️ Conversion d’image en ASCII puis en SVG =		= 🖼️ Conversion d’image en ASCII puis en SVG =

Geo le 22 octobre 2025 à 07:09

2025-10-22T07:09:09Z

← Version précédente		Version du 22 octobre 2025 à 09:09
Ligne 409 :		Ligne 409 :
	* 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 =

Geo le 22 octobre 2025 à 07:02

2025-10-22T07:02:59Z

← Version précédente		Version du 22 octobre 2025 à 09:02
Ligne 11 :		Ligne 11 :
	-----		-----

	== 🧩 Prérequis ==
			== 🥇 Solution 1 : img2txt + aasvg ==

			=== 🧩 Prérequis ===

	* <code>img2txt</code> (du paquet <code>caca-utils</code>)		* <code>img2txt</code> (du paquet <code>caca-utils</code>)
	* <code>sed</code>
	* <code>aasvg</code>		* <code>aasvg</code>
	* <code>ImageMagick</code> (<code>convert</code>)
	* <code>chafa</code>
	* <code>a2s</code>
	* <code>python</code>


	~~-----~~

	~~== 🥇 Solution 1 : img2txt + aasvg ==~~

	=== Étapes ===		=== Étapes ===
Ligne 53 :		Ligne 46 :

	== 🥈 Solution 2 : ImageMagick + chafa + a2s ==		== 🥈 Solution 2 : ImageMagick + chafa + a2s ==

			=== 🧩 Prérequis ===
			* <code>ImageMagick</code> (<code>convert</code>)
			* <code>chafa</code>
			* <code>a2s</code>
			* <code>sed</code>

	=== Étapes ===		=== Étapes ===
Ligne 92 :		Ligne 91 :
	== 🥉 Solution 3 : img2txt + scrypt Python 3 ==		== 🥉 Solution 3 : img2txt + scrypt Python 3 ==
	Avec couleurs Préservées		Avec couleurs Préservées

			=== 🧩 Prérequis ===
			* <code>img2txt</code> (du paquet <code>caca-utils</code>)
			* <code>python</code>
			* <code>sed</code>

	=== On génère une version ASCII avec couleurs : ===		=== On génère une version ASCII avec couleurs : ===
	<syntaxhighlight lang="bash">		<syntaxhighlight lang="bash">

Geo : /* 🧩 Prérequis */

2025-10-22T06:58:10Z

🧩 Prérequis

← Version précédente		Version du 22 octobre 2025 à 08:58
Ligne 19 :		Ligne 19 :
	* <code>chafa</code>		* <code>chafa</code>
	* <code>a2s</code>		* <code>a2s</code>
			* <code>python</code>

Geo : /* 🥉 Solution 3 : img2txt + scrypt Python 3 */

2025-10-21T13:03:28Z

🥉 Solution 3 : img2txt + scrypt Python 3

← Version précédente		Version du 21 octobre 2025 à 15:03
Ligne 90 :		Ligne 90 :

	== 🥉 Solution 3 : img2txt + scrypt Python 3 ==		== 🥉 Solution 3 : img2txt + scrypt Python 3 ==
			Avec couleurs Préservées
	On génère une version ASCII avec couleurs :		=== On génère une version ASCII avec couleurs : ===
	<syntaxhighlight lang="bash">		<syntaxhighlight lang="bash">
	img2txt -W 100 -x 1 -y 2 picture.png > picture.txt		img2txt -W 100 -x 1 -y 2 picture.png > picture.txt
	</syntaxhighlight>		</syntaxhighlight>

	Exécution du script Python		=== Exécution du script Python ===
	<syntaxhighlight lang="bash">		<syntaxhighlight lang="bash">
	python3 ansi2svg_pure.py picture.txt picture.svg \		python3 ansi2svg_pure.py picture.txt picture.svg \
Ligne 107 :		Ligne 107 :
	</syntaxhighlight>		</syntaxhighlight>

			==== Script python ====
	<syntaxhighlight lang="python" line>		<syntaxhighlight lang="python" line>
	#!/usr/bin/env python3		#!/usr/bin/env python3
Ligne 391 :		Ligne 392 :
	</syntaxhighlight>		</syntaxhighlight>

	Suppresion du fond		=== Suppresion du fond ===
	<syntaxhighlight lang="bash">		<syntaxhighlight lang="bash">
	sed -i '/<rect/d' picture.svg		sed -i '/<rect/d' picture.svg
	</syntaxhighlight>		</syntaxhighlight>

	~~-----~~


	-----		-----

Image vers ASCII vers SVG - Historique des versions

Geo : /* Exemple d'intégration de l'image SVG dans un fichier HTML */

Geo : /* Exemple d'intégration de l'image SVG dans un fichier HTML */

Geo : /* Exemple d'intégration de l'image SVG dans un fichier HTML */

Geo le 22 octobre 2025 à 07:13

Geo le 22 octobre 2025 à 07:11

Geo le 22 octobre 2025 à 07:11

Geo le 22 octobre 2025 à 07:09

Geo le 22 octobre 2025 à 07:02

Geo : /* 🧩 Prérequis */

Geo : /* 🥉 Solution 3 : img2txt + scrypt Python 3 */

Geo : /* Exemple d'intégration de l'image SVG dans un fichier HTML */

Geo : /* Exemple d'intégration de l'image SVG dans un fichier HTML */

Geo : /* Exemple d'intégration de l'image SVG dans un fichier HTML */

Geo : /* 🧩 Prérequis */

Geo : /* 🥉 Solution 3 : img2txt + scrypt Python 3 */