\render{equation-to-image}
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.
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.
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.
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.
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.
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.
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.
| Format | Idéal pour | Mise à l'échelle | Taille de fichier | Transparence | Accessibilité |
|---|---|---|---|---|---|
| PNG | Présentations, messagerie, réseaux sociaux | Matriciel : résolution fixe, définissez le DPI avant le rendu | Petite à moyenne (selon le DPI et la complexité) | Oui (canal alpha facultatif) | Aucune : les lecteurs d'écran ne voient que le texte alternatif |
| SVG | Sites web, documentation, design responsive | Vectoriel : mise à l'échelle infinie, toujours net | Très petite (XML textuel) | Inhérente (pas de fond par défaut) | Partielle : peut inclure les éléments title et desc |
| Impression, articles académiques, archives vectorielles | Vectoriel : sans perte à tous les niveaux de zoom | Petite (les PDF d'une seule équation font quelques Ko) | Selon la visionneuse ; généralement pris en charge | Limitée : dépend de la prise en charge des PDF balisés | |
| MathML | HTML accessible, lecteurs d'écran, web sémantique | Textuel : mis en forme par CSS, suit la taille de la police | Minimale (balisage pur) | S. O. : rendu par le navigateur sous forme de texte | Excellente : les lecteurs d'écran analysent la structure des mathématiques |
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.
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}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 | mathmlAjustez 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: 12Cliquez 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/equationLes 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.
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": 300Lorsqu'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": trueRemplacez 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"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": 14Choisissez 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"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}}"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"]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.
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.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 40">
<!-- SVG content from the API response -->
</svg>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.
<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 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.
<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>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.pngProduire 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.svgRendez 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.
#!/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"
doneUtilisez 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.
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")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 .
| Outil | Rendu | Formats | Personnalisation | API |
|---|---|---|---|---|
| FormaTeX | TeX Live côté serveur (moteur LaTeX complet) | PNG, SVG, PDF, MathML | DPI, transparence, couleur, famille de polices, paquets personnalisés | API REST avec prise en charge des lots |
| CodeCogs | Rendu LaTeX côté serveur | PNG, GIF, SVG, PDF | DPI, taille de police, couleur de fond | Basé sur des URL (requête GET avec paramètres) |
| LaTeX2Image | Rendu LaTeX côté serveur | PNG, SVG | Limitée : options de base pour le DPI et la couleur | Formulaire web uniquement (pas d'API) |
| QuickLaTeX | Rendu LaTeX côté serveur | PNG, SVG | Taille de police, couleur, préambule personnalisé | Point de terminaison de rendu basé sur des URL |
| KaTeX (côté client) | JavaScript dans le navigateur : aucun serveur nécessaire | HTML/CSS (pas d'images) | Style CSS, couleurs du thème | S. O. : bibliothèque JavaScript |
| MathJax (côté client) | JavaScript dans le navigateur : aucun serveur nécessaire | HTML/CSS, SVG, MathML | Nombreuses options CSS et de configuration | S. O. : bibliothèque JavaScript |
À 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.
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.