Équations LaTeX dans vos présentations et articles de blog
Intégrer une formule composée dans une présentation ou un article de blog se fait généralement en deux temps : rendre le LaTeX quelque part, puis insérer le résultat comme image. Il existe de nombreuses façons d’y parvenir — services en ligne dédiés, MathJax dans un template de blog, captures d’écran depuis Overleaf — et le meilleur choix dépend souvent de la plateforme cible.
drawtonomy est une option gratuite, sans installation et sans compte dans ce paysage. Son outil Math compose le LaTeX avec KaTeX, vous laisse ajuster couleur et taille, et exporte en PNG ou SVG avec fond transparent — entièrement dans le navigateur.
L’outil Math en action : source LaTeX en haut, rendu KaTeX en bas, panneau latéral pour la couleur et la taille.
En 2 minutes chrono
Section intitulée « En 2 minutes chrono »-
Ouvrez drawtonomy.com.
-
Cliquez sur l’icône fx dans la barre d’outils en bas (ou appuyez sur /).
-
Cliquez sur le canvas. Tapez votre LaTeX. L’aperçu s’affiche en direct en dessous.
-
Appuyez sur Échap. Avec l’équation sélectionnée, réglez la couleur et la taille dans le panneau de droite.
-
Menu → Export → PNG (ou SVG). Enregistrez le fichier.
-
Faites-le glisser dans votre présentation ou votre article.
Terminé. Sans installation, sans compte, sans chaîne LaTeX locale.
Quel format pour quelle destination ?
Section intitulée « Quel format pour quelle destination ? »| Destination | Format recommandé | Pourquoi |
|---|---|---|
| Google Slides | PNG | Le support SVG est partiel ; PNG s’affiche de manière identique partout. |
| Keynote | SVG (ou PNG) | Keynote gère le SVG ; le vectoriel reste net à toutes les tailles. |
| PowerPoint | PNG (ou SVG sur Microsoft 365) | Les versions anciennes de PowerPoint ignorent le SVG. |
| Notion | PNG | L’intégration d’images de Notion est en mode raster uniquement. |
| Medium | PNG | Medium dégrade fortement les SVG redimensionnés. |
| Substack | PNG | Substack n’accepte que les uploads raster dans les articles. |
| Ghost / WordPress | SVG | Les deux rendent le SVG nativement. |
| Discord / Slack | PNG | Les applications de messagerie gèrent le SVG de façon incohérente. |
En cas de doute, PNG avec fond transparent fonctionne partout. Le SVG est plus net, mais son intégration peut être capricieuse selon la plateforme.
Adapter la couleur au thème de votre présentation
Section intitulée « Adapter la couleur au thème de votre présentation »La couleur par défaut est le noir, ce qui convient aux diapositives claires. Pour un thème sombre, ouvrez le panneau Color et sélectionnez blanc ou une couleur d’accentuation. L’équation se re-rend instantanément.
Chaque changement de couleur crée son propre point d’annulation, ce qui permet d’expérimenter librement.
Comparaison avec les autres approches
Section intitulée « Comparaison avec les autres approches »Chacune de ces approches fonctionne bien dans le bon contexte — le choix dépend surtout du niveau de configuration accepté et de la plateforme de destination.
- Les services LaTeX-to-image en ligne (CodeCogs, QuickLaTeX, etc.) sont rapides pour une formule ponctuelle et produisent un rendu propre. Certains sont très fiables sur la durée ; d’autres évoluent dans leurs fonctionnalités, il est donc conseillé de vérifier leur état actuel selon votre usage.
- MathJax intégré à votre blog conserve la source LaTeX directement dans l’article, ce qui est idéal quand la plateforme le permet. Les plateformes hébergées varient dans le degré de personnalisation qu’elles autorisent.
- La capture d’écran depuis Overleaf est rapide si vous avez déjà le LaTeX rédigé ; la qualité dépend de la résolution à laquelle vous capturez.
- L’Unicode saisi à la main (
x² + y² = r²) convient parfaitement quand la formule est assez simple pour s’exprimer sans fractions ni intégrales.
drawtonomy rend l’équation en vectoriel, exporte proprement, et la source reste éditable dans le fichier .drawtonomy.svg si vous souhaitez y revenir plus tard.
Au-delà d’une seule formule
Section intitulée « Au-delà d’une seule formule »L’outil Math vit sur un canvas infini. Si vous préparez une diapositive avec, par exemple, trois équations côte à côte et un schéma entre elles, vous pouvez composer l’ensemble dans drawtonomy et exporter une image unique — plutôt que de lutter contre la grille de mise en page de votre logiciel de présentation.