\render{equation-to-image}

Convertir des équations LaTeX en images

Convertissez n'importe quelle expression mathématique LaTeX en PNG, SVG, PDF ou MathML de haute qualité. Ce guide présente l'outil en ligne et l'API FormaTeX, les compromis entre formats de sortie, les options de rendu avancées, les techniques d'intégration web et une comparaison détaillée avec CodeCogs, QuickLaTeX, KaTeX et MathJax.

Pourquoi convertir des équations en images ?

LaTeX offre la référence en matière de composition mathématique, mais le résultat reste enfermé dans des fichiers PDF compilés par un moteur TeX. La plupart des endroits où vous devez réellement afficher des mathématiques (présentations, sites web, messages de chat, documents Word, fichiers README) ne savent pas interpréter du code source LaTeX. Convertir votre équation en image comble ce fossé : vous obtenez une typographie de qualité LaTeX dans un format qui fonctionne partout.

L'alternative consiste à approximer le rendu en JavaScript (KaTeX, MathJax) ou à utiliser l'éditeur d'équations d'un traitement de texte. Les moteurs de rendu JavaScript couvrent un sous-ensemble utile de LaTeX mais ignorent les cas limites, les paquets personnalisés et les environnements avancés. Les éditeurs d'équations intégrés (Microsoft Equation, Google Docs) produisent une typographie nettement différente qui jure avec les documents LaTeX. Un rendu côté serveur par un vrai moteur TeX évite ces deux problèmes.

Présentations et diapositives

PowerPoint, Keynote et Google Slides ne prennent pas en charge LaTeX nativement. Convertir vos équations en PNG transparents vous permet de les glisser-déposer dans n'importe quelle présentation tout en préservant la qualité typographique. À 300 DPI, le résultat reste net sur les projecteurs 4K et les écrans Retina.

Sites web et articles de blog

Les équations SVG s'adaptent parfaitement à toutes les tailles d'écran et restent nettes sur les appareils haute densité. Contrairement aux moteurs de rendu côté client comme KaTeX ou MathJax, un SVG prérendu ne nécessite aucun JavaScript et se charge instantanément. C'est idéal pour les sites statiques, les CMS et les newsletters par e-mail où l'injection de scripts est restreinte.

Messagerie et documentation

Slack, Discord, Notion et la plupart des éditeurs Markdown n'interprètent pas LaTeX. Convertir votre équation en PNG et la coller dans le texte est le moyen le plus rapide de partager des mathématiques dans les fils de discussion, les tickets GitHub et les fichiers README. L'image porte toute la sémantique de l'équation sans obliger le lecteur à installer un plugin.

Documents hors LaTeX

Les traitements de texte, Google Docs et les outils de création EPUB ont une prise en charge limitée ou inexistante de LaTeX. Exporter vos équations en images haute résolution vous permet d'intégrer des mathématiques de qualité publication dans n'importe quel format de document. La sortie vectorielle PDF est particulièrement utile pour les flux d'impression où les artefacts matriciels sont inacceptables.

Comparaison des formats de sortie

Chaque format de sortie a ses atouts. Le PNG est la solution de repli universelle ; le SVG est idéal pour le web ; le PDF convient parfaitement à l'impression ; le MathML est la norme d'accessibilité. Le tableau ci-dessous résume les principales différences pour vous aider à choisir.

PNG

Idéal pour
Présentations, messagerie, réseaux sociaux
Mise à l'échelle
Matriciel : résolution fixe, définissez le DPI avant le rendu
Taille de fichier
Petite à moyenne (selon le DPI et la complexité)
Transparence
Oui (canal alpha facultatif)
Accessibilité
Aucune : les lecteurs d'écran ne voient que le texte alternatif

SVG

Idéal pour
Sites web, documentation, design responsive
Mise à l'échelle
Vectoriel : mise à l'échelle infinie, toujours net
Taille de fichier
Très petite (XML textuel)
Transparence
Inhérente (pas de fond par défaut)
Accessibilité
Partielle : peut inclure les éléments title et desc

PDF

Idéal pour
Impression, articles académiques, archives vectorielles
Mise à l'échelle
Vectoriel : sans perte à tous les niveaux de zoom
Taille de fichier
Petite (les PDF d'une seule équation font quelques Ko)
Transparence
Selon la visionneuse ; généralement pris en charge
Accessibilité
Limitée : dépend de la prise en charge des PDF balisés

MathML

Idéal pour
HTML accessible, lecteurs d'écran, web sémantique
Mise à l'échelle
Textuel : mis en forme par CSS, suit la taille de la police
Taille de fichier
Minimale (balisage pur)
Transparence
S. O. : rendu par le navigateur sous forme de texte
Accessibilité
Excellente : les lecteurs d'écran analysent la structure des mathématiques

Pas à pas : convertir avec FormaTeX

Que vous utilisiez l' outil en ligne ou l'API REST, le flux de travail suit quatre étapes. L'outil en ligne propose une interface visuelle pour chaque option ; l'API accepte les mêmes paramètres sous forme de champs JSON.

Étape 1

Écrivez votre équation LaTeX

Enter any valid LaTeX math expression. You can use inline math ($...$), display math (\[...\]), or full environments like align, gather, and cases. The renderer supports amsmath, mathtools, physics, and siunitx packages out of the box.

E = mc^{2}
Étape 2

Choisir un format de sortie

Sélectionnez PNG pour les images matricielles qui fonctionnent partout, SVG pour les graphiques web évolutifs, PDF pour une sortie vectorielle de qualité impression, ou MathML pour une intégration HTML accessible. Chaque format a ses compromis : voir le tableau comparatif ci-dessus.

png | svg | pdf | mathml
Étape 3

Configurer les options de rendu

Ajustez le DPI (de 72 à 600), activez les fonds transparents, définissez la taille de police (de 8 pt à 24 pt), choisissez une famille de polices (Computer Modern, Latin Modern, STIX Two, TeX Gyre) et déclarez les paquets LaTeX supplémentaires dont votre équation a besoin.

dpi: 300, transparent: true, font_size: 12
Étape 4

Rendre et télécharger

Cliquez sur Rendre dans l'outil en ligne ou envoyez une requête POST au point de terminaison de l'API. L'image est générée côté serveur avec une installation complète de TeX Live, sans approximation ni heuristique basée sur le navigateur. Téléchargez le fichier ou copiez l'URL directe pour l'intégration.

POST /api/v1/render/equation

Options de rendu avancées

Les réglages par défaut donnent d'excellents résultats dans la plupart des cas. Lorsque vous avez besoin d'un contrôle précis sur la sortie, les options suivantes sont disponibles dans l'outil en ligne comme dans l'API. Chaque option est transmise sous forme de champ JSON dans le corps de la requête API.

Ces options peuvent être combinées librement. Par exemple, vous pouvez produire une équation blanche sur fond transparent à 300 DPI en Latin Modern à 14 pt avec le paquet siunitx chargé, le tout en une seule requête.

DPI (points par pouce)

Contrôle la densité de pixels de la sortie PNG. Utilisez 72 pour des aperçus rapides, 150 pour le web, 300 pour l'impression et 600 pour l'archivage ou l'impression grand format. Un DPI plus élevé produit des fichiers plus lourds mais un texte plus net à tous les niveaux de zoom. Les sorties SVG et PDF sont indépendantes de la résolution et ignorent ce réglage.

"dpi": 300

Fond transparent

Lorsqu'il est activé, la sortie PNG possède un canal alpha au lieu d'un fond blanc. C'est indispensable pour placer des équations sur des diapositives colorées, des sites en mode sombre ou des arrière-plans texturés. La sortie SVG est transparente par défaut.

"transparent": true

Couleur du texte et du fond

Remplacez le noir par défaut par n'importe quelle couleur hexadécimale. Utile pour produire des équations blanches destinées à des fonds sombres, ou pour respecter la palette de votre marque. La couleur de fond est ignorée lorsque la transparence est activée.

"color": "#ffffff", "bg_color": "#1a1a2e"

Taille de police

Définissez la taille de police de base en points. Elle contrôle l'échelle globale de l'équation rendue. Les valeurs courantes sont 10 pt (compact), 12 pt (taille de document standard), 14 pt (diapositives) et 18-24 pt (grand affichage). Le moteur ajuste proportionnellement la taille des indices et des exposants.

"font_size": 14

Famille de polices

Choisissez la police utilisée pour l'équation. Computer Modern est l'aspect classique de LaTeX. Latin Modern en est une mise à jour OpenType raffinée. STIX Two et TeX Gyre Termes sont des alternatives qui s'harmonisent bien avec un corps de texte de type Times. La famille de polices s'applique à la fois au mode mathématique et au mode texte de l'équation.

"font_family": "Latin Modern"

Environnements mathématiques et macros

The renderer accepts any LaTeX math environment: equation, align, gather, multline, cases, matrix, bmatrix, pmatrix, and split. You can also define custom macros using \newcommand in the preamble field. The full amsmath, amssymb, mathtools, and physics packages are available.

"preamble": "\\newcommand{\\R}{\\mathbb{R}}"

Paquets supplémentaires

Demandez des paquets LaTeX supplémentaires en plus de ceux par défaut. Utile pour les notations spécialisées : siunitx pour les unités SI, chemformula pour la chimie, tikz-cd pour les diagrammes commutatifs ou mhchem pour les équations chimiques. Le serveur dispose d'une installation complète de TeX Live avec des milliers de paquets disponibles.

"packages": ["siunitx", "chemformula"]

Intégrer des équations sur le web

Une fois votre équation rendue, l'étape suivante consiste à l'intégrer dans votre page HTML, article de blog ou site de documentation. Il existe trois méthodes principales, chacune avec ses compromis en matière de performance, d'accessibilité et de facilité d'intégration.

Pour la plupart des projets web, le SVG en ligne offre le meilleur équilibre entre qualité et performance. Utilisez l'approche avec la balise img lorsque vous avez besoin du chargement différé ou de la mise en cache CDN. Choisissez MathML lorsque la conformité en matière d'accessibilité (WCAG, Section 508) est exigée.

SVG en ligne

Collez directement le balisage SVG dans votre HTML. Vous obtenez un contrôle CSS total sur les couleurs et les dimensions, vous supprimez une requête HTTP et l'équation peut hériter de la taille de police de la page via les unités em. Le SVG en ligne est la meilleure option pour les pages critiques en performance comportant peu d'équations.

html
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 40">
  <!-- SVG content from the API response -->
</svg>

Balise image avec l'URL de l'API

Faites pointer une balise img vers le point de terminaison de rendu FormaTeX. Le navigateur récupère l'image à la demande. Ajoutez les attributs width, height et alt pour la stabilité de la mise en page et l'accessibilité. Cette approche fonctionne avec n'importe quel CMS ou générateur de site statique et ne nécessite aucune étape de build.

html
<img
  src="https://api.formatex.io/api/v1/render/equation?latex=E%3Dmc%5E%7B2%7D&format=svg"
  alt="E equals m c squared"
  width="120"
  height="40"
  loading="lazy"
/>

MathML pour l'accessibilité

MathML est la norme du W3C pour le balisage mathématique en HTML. Les lecteurs d'écran comme JAWS, NVDA et VoiceOver savent analyser le MathML et lire l'équation à voix haute. Firefox affiche MathML nativement ; Chrome et Safari nécessitent le polyfill MathJax. Utilisez MathML lorsque l'accessibilité est une obligation réglementaire ou éthique.

html
<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
  <mi>E</mi>
  <mo>=</mo>
  <mi>m</mi>
  <msup><mi>c</mi><mn>2</mn></msup>
</math>

Utiliser l'API

L'API de rendu d'équations FormaTeX accepte une requête POST avec un corps JSON. Authentifiez-vous avec un jeton Bearer (votre clé API, générée depuis le tableau de bord ). Le corps de la réponse contient les octets de l'image rendue. Pour la documentation complète de l'API et les bibliothèques clientes, consultez le guide de l'API Python et la référence cURL .

Voici deux exemples : une commande cURL pour produire un PNG à 300 DPI sur fond transparent, et une commande cURL pour produire un SVG d'une intégrale gaussienne.

Produire un PNG à 300 DPI sur fond transparent

# Render a LaTeX equation as a transparent PNG at 300 DPI
curl -X POST https://api.formatex.io/api/v1/render/equation \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "latex": "E = mc^{2}",
    "format": "png",
    "dpi": 300,
    "transparent": true
  }' \
  --output equation.png

Produire un SVG d'une intégrale gaussienne

# Render a LaTeX equation as an inline SVG
curl -X POST https://api.formatex.io/api/v1/render/equation \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "latex": "\\int_{0}^{\\infty} e^{-x^2} \\, dx = \\frac{\\sqrt{\\pi}}{2}",
    "format": "svg",
    "font_size": 14
  }' \
  --output equation.svg

Plus d'exemples d'API

Rendu par lots avec un script

Rendez plusieurs équations dans une boucle. Chaque requête renvoie un fichier image binaire. Utile pour générer en une seule passe toutes les équations d'un chapitre de manuel ou d'un ensemble de documentation.

bash
#!/bin/bash
EQUATIONS=("E = mc^{2}" "a^2 + b^2 = c^2" "\\sum_{n=1}^{\\infty} \\frac{1}{n^2} = \\frac{\\pi^2}{6}")
API_KEY="YOUR_API_KEY"

for i in "${!EQUATIONS[@]}"; do
  curl -s -X POST https://api.formatex.io/api/v1/render/equation \
    -H "Authorization: Bearer $API_KEY" \
    -H "Content-Type: application/json" \
    -d "{\"latex\": \"${EQUATIONS[$i]}\", \"format\": \"png\", \"dpi\": 300}" \
    --output "equation_$i.png"
  echo "Rendered equation_$i.png"
done

Python avec requests

Utilisez Python pour rendre une équation et enregistrer le résultat. L'API renvoie les octets bruts de l'image dans le corps de la réponse. Définissez l'en-tête Content-Type et analysez la charge JSON.

python
import requests

response = requests.post(
    "https://api.formatex.io/api/v1/render/equation",
    headers={
        "Authorization": "Bearer YOUR_API_KEY",
        "Content-Type": "application/json",
    },
    json={
        "latex": r"\nabla \times \mathbf{E} = -\frac{\partial \mathbf{B}}{\partial t}",
        "format": "svg",
        "font_size": 14,
    },
)

with open("maxwell.svg", "wb") as f:
    f.write(response.content)

print(f"Status: {response.status_code}, saved maxwell.svg")

FormaTeX face aux alternatives

Il existe plusieurs façons de convertir des équations LaTeX en images, des outils côté serveur qui exécutent un moteur TeX complet aux bibliothèques JavaScript côté client qui approximent LaTeX dans le navigateur. Le bon choix dépend de vos exigences : fidélité du rendu, options de format, accès à une API, prise en charge des paquets et tarification.

Les outils côté serveur (FormaTeX, CodeCogs, LaTeX2Image, QuickLaTeX) produisent un résultat identique à du LaTeX compilé, car ils exécutent un vrai moteur TeX. Les outils côté client (KaTeX, MathJax) effectuent le rendu dans le navigateur avec JavaScript et couvrent un sous-ensemble large mais incomplet de LaTeX. Pour une comparaison détaillée, consultez la comparaison complète des outils de rendu d'équations .

FormaTeX

Rendu
TeX Live côté serveur (moteur LaTeX complet)
Formats
PNG, SVG, PDF, MathML
Qualité
Identique à du LaTeX compilé : typographie parfaite au pixel près
Personnalisation
DPI, transparence, couleur, famille de polices, paquets personnalisés
API
API REST avec prise en charge des lots
Tarifs
Offre gratuite + offres payantes avec des limites plus élevées

CodeCogs

Rendu
Rendu LaTeX côté serveur
Formats
PNG, GIF, SVG, PDF
Qualité
Bon : utilise un moteur LaTeX sur le serveur
Personnalisation
DPI, taille de police, couleur de fond
API
Basé sur des URL (requête GET avec paramètres)
Tarifs
Gratuit avec filigrane ; payant pour le supprimer

LaTeX2Image

Rendu
Rendu LaTeX côté serveur
Formats
PNG, SVG
Qualité
Bon : sortie LaTeX standard
Personnalisation
Limitée : options de base pour le DPI et la couleur
API
Formulaire web uniquement (pas d'API)
Tarifs
Gratuit

QuickLaTeX

Rendu
Rendu LaTeX côté serveur
Formats
PNG, SVG
Qualité
Bon : intégration avec le plugin WordPress
Personnalisation
Taille de police, couleur, préambule personnalisé
API
Point de terminaison de rendu basé sur des URL
Tarifs
Gratuit

KaTeX (côté client)

Rendu
JavaScript dans le navigateur : aucun serveur nécessaire
Formats
HTML/CSS (pas d'images)
Qualité
Très bon pour le sous-ensemble pris en charge ; certaines commandes LaTeX ne sont pas prises en charge
Personnalisation
Style CSS, couleurs du thème
API
S. O. : bibliothèque JavaScript
Tarifs
Gratuit et open source

MathJax (côté client)

Rendu
JavaScript dans le navigateur : aucun serveur nécessaire
Formats
HTML/CSS, SVG, MathML
Qualité
Excellent pour le sous-ensemble pris en charge ; plus large que KaTeX
Personnalisation
Nombreuses options CSS et de configuration
API
S. O. : bibliothèque JavaScript
Tarifs
Gratuit et open source

À retenir : si vous avez besoin d'un rendu LaTeX parfait au pixel près, avec prise en charge complète des paquets et une API REST, FormaTeX est l'option la plus complète. Si vous n'avez besoin que d'un rendu dans le navigateur et pas d'images téléchargeables, KaTeX (le plus rapide) ou MathJax (la couverture LaTeX la plus large) sont d'excellents choix open source.

Questions fréquentes

Convertissez votre première équation

Ouvrez le convertisseur d'équations gratuit, collez votre LaTeX et téléchargez une image de haute qualité en quelques secondes. Aucun compte requis pour l'outil en ligne.