Fórmulas LaTeX en diapositivas y entradas de blog
Insertar una ecuación bien tipografiada en una diapositiva o en un artículo de blog suele requerir varios pasos: renderizar el LaTeX en algún sitio y luego pegar el resultado como imagen. Hay varias formas de hacerlo —servicios web de LaTeX a imagen, MathJax integrado en la plantilla del blog, capturas de pantalla desde Overleaf— y la que mejor encaja depende de la plataforma.
drawtonomy es una opción gratuita, sin instalación y sin cuenta dentro de ese abanico. La herramienta Math renderiza LaTeX con KaTeX, permite cambiar el color y el tamaño, y exporta PNG o SVG con fondo transparente, todo desde el navegador.
La herramienta Math en acción: LaTeX en la parte superior, vista previa renderizada con KaTeX debajo, y panel lateral para color y tamaño.
Un flujo de trabajo de 2 minutos
Sección titulada «Un flujo de trabajo de 2 minutos»-
Abre drawtonomy.com.
-
Haz clic en el icono fx de la barra inferior (o pulsa /).
-
Haz clic sobre el lienzo. Escribe tu LaTeX y observa cómo se renderiza al instante en la parte inferior.
-
Pulsa Esc. Con la ecuación seleccionada, ajusta el color y el tamaño en el panel de la derecha.
-
Menú → Export → PNG (o SVG). Guarda el archivo.
-
Arrastra el archivo a tu diapositiva o entrada de blog.
Listo. Sin instalación, sin cuenta, sin cadena de herramientas LaTeX.
¿Qué formato usar según el destino?
Sección titulada «¿Qué formato usar según el destino?»| Destino | Mejor formato | Por qué |
|---|---|---|
| Google Slides | PNG | El soporte de SVG es parcial; el PNG se ve igual en todas partes. |
| Keynote | SVG (o PNG) | Keynote admite SVG; el vector se mantiene nítido al escalar. |
| PowerPoint | PNG (o SVG en Microsoft 365) | Las versiones antiguas de PowerPoint ignoran el SVG. |
| Notion | PNG | La inserción de imágenes en Notion es solo para formatos ráster. |
| Medium | PNG | Medium reduce drásticamente la calidad de los SVG. |
| Substack | PNG | Substack solo acepta imágenes ráster en los artículos. |
| Ghost / WordPress | SVG | Ambos renderizan SVG de forma nativa. |
| Discord / Slack | PNG | Las apps de chat tratan el SVG de forma inconsistente. |
Ante la duda, PNG con fondo transparente funciona en cualquier plataforma. El SVG es más nítido, pero más difícil de integrar.
Cambiar el color para adaptarse al tema
Sección titulada «Cambiar el color para adaptarse al tema»El color por defecto es negro, ideal para diapositivas blancas. ¿El tema es oscuro? Haz clic en el panel Color y elige blanco o el color de tu marca. La ecuación se vuelve a renderizar al instante.
Cada cambio de color es un paso de deshacer independiente, así que puedes experimentar sin límites.
drawtonomy frente a otras opciones
Sección titulada «drawtonomy frente a otras opciones»Cada enfoque tiene su lugar; elegir uno u otro depende principalmente del esfuerzo de configuración que quieras asumir y de dónde va a vivir el resultado.
- Servicios web de LaTeX a imagen (por ejemplo, CodeCogs, QuickLaTeX) son rápidos para ecuaciones puntuales y producen resultados limpios. Algunos funcionan muy bien para uso repetido; otros cambian funciones o imagen de marca con el tiempo, así que conviene revisar su estado actual antes de adoptarlos.
- MathJax integrado en el blog mantiene el código fuente de la ecuación dentro del artículo, lo que es ideal cuando la plataforma lo permite. Las plataformas gestionadas varían en cuánta personalización de tema admiten.
- Captura de pantalla desde Overleaf es un camino rápido si ya tienes el LaTeX escrito; la calidad depende de los DPI con los que captures.
- Unicode escrito a mano (
x² + y² = r²) es perfecto cuando la fórmula es lo bastante sencilla como para no necesitar fracciones ni integrales.
drawtonomy renderiza la ecuación como vector, la exporta con limpieza, y el código fuente queda editable en .drawtonomy.svg si necesitas revisarlo más adelante.
Más allá de una sola ecuación
Sección titulada «Más allá de una sola ecuación»La herramienta Math vive en un lienzo infinito completo. Si estás preparando, por ejemplo, una diapositiva con tres ecuaciones en paralelo y un diagrama entre ellas, puedes componer toda la diapositiva en drawtonomy y exportar una única imagen, sin tener que pelear con la cuadrícula de diseño de tu herramienta de presentaciones.