\usetikzlibrary{export}
TikZ a imagen
Convierta diagramas TikZ en imágenes PNG, SVG o PDF de alta resolución directamente en su navegador. Sin instalar TeX, sin cuenta, sin dependencias. Pegue su código, elija un formato y descargue el resultado en segundos.
Ya sea que esté creando diagramas de flujo para una tesis, exportando diagramas de circuitos para documentación o renderizando demostraciones geométricas para un libro de texto, FormaTeX se encarga de la compilación en un servidor con TeX Live completo para que usted se concentre en dibujar.
¿Qué es TikZ?
TikZ es el paquete de gráficos estándar de LaTeX. El nombre es un acrónimo alemán recursivo de «TikZ ist kein Zeichenprogramm» («TikZ no es un programa de dibujo»), y sin embargo es el sistema de dibujo más expresivo disponible en el ecosistema TeX. Construido sobre la biblioteca de bajo nivel PGF, TikZ le permite describir gráficos mediante programación con coordenadas, trazados, etiquetas de nodos y opciones de estilo.
El resultado siempre son gráficos vectoriales perfectos al píxel incrustados directamente en su PDF. Como TikZ se ejecuta dentro del motor TeX, sus diagramas heredan las mismas fuentes, espaciado y convenciones tipográficas que el resto de su documento. Esa coherencia es la razón por la que TikZ es la primera opción para artículos académicos, libros de texto, tesis e informes técnicos.
El desafío es que los diagramas TikZ viven dentro de LaTeX, y extraer un diagrama como archivo de imagen independiente normalmente requiere una instalación local de TeX, un paso de compilación y una herramienta aparte para convertir de PDF a imagen. La herramienta TikZ a imagen de FormaTeX elimina todo eso: pegue su código, elija PNG, SVG o PDF y descargue.
Diagramas de flujo y diagramas
Flujos de procesos, árboles de decisión y diagramas de arquitectura de sistemas con nodos con nombre y flechas con estilo.
Grafos y redes
Grafos dirigidos y no dirigidos, autómatas finitos, redes de Petri y árboles de dependencias para artículos académicos.
Diagramas de circuitos
Circuitos eléctricos y lógicos con la biblioteca circuitikz y símbolos de componentes estándar IEEE.
Construcciones geométricas
Triángulos, círculos, rectas tangentes, ángulos y demostraciones anotadas para matemáticas y física.
Paso a paso: renderice TikZ con FormaTeX
Cuatro pasos le llevan del código fuente TikZ sin procesar a una imagen descargable. Todo el proceso se ejecuta en el navegador y toma unos segundos.
Abra la herramienta TikZ a imagen
Vaya a la herramienta TikZ a imagen de FormaTeX. El editor se carga al instante en su navegador, sin necesidad de cuenta ni de instalar software. La interfaz tiene un diseño de panel dividido: el código a la izquierda y la vista previa renderizada a la derecha.
Pegue su código TikZ
Enter your TikZ source code in the editor panel. You can paste a standalone tikzpicture environment or a full LaTeX document with preamble. The tool recognises \usepackage{tikz} and any \usetikzlibrary declarations automatically. If you only paste the tikzpicture block, FormaTeX wraps it in a minimal document for you.
Elija su formato de salida
Seleccione el formato que mejor se adapte a su flujo de trabajo. PNG produce una imagen de mapa de bits con DPI configurable, ideal para diapositivas, documentación y páginas web. SVG le ofrece un archivo vectorial escalable que se mantiene nítido con cualquier zoom, perfecto para sitios web adaptables e impresión. La salida en PDF es útil cuando necesita incrustar el diagrama en otro documento LaTeX o enviar una demostración independiente.
Renderice y descargue
Haga clic en Render para compilar el diagrama en los servidores de FormaTeX con una instalación completa de TeX Live. La vista previa aparece en segundos. Inspeccione visualmente el resultado y luego descargue el archivo. Si la compilación falla, la herramienta muestra el registro de errores de TeX para que pueda corregir el problema y volver a renderizar sin salir de la página.
El pipeline de renderizado usa la misma distribución completa de TeX Live que impulsa el compilador de proyectos de FormaTeX. Eso significa que todas las bibliotecas de TikZ, todas las fuentes y todos los paquetes disponibles en una instalación estándar de TeX Live funcionan de inmediato. No hay nada que configurar ni un modo de funcionalidad reducida.
¿Por qué exportar TikZ como imagen?
Los diagramas TikZ lucen muy bien dentro de un PDF, pero muchos flujos de trabajo necesitan un archivo de imagen independiente. El software de presentaciones como PowerPoint y Google Slides no puede importar código fuente LaTeX. Las páginas web necesitan archivos PNG o SVG. Las plataformas de documentación como Confluence, Notion y las wikis de GitHub aceptan imágenes, pero no TeX. Incluso dentro del propio LaTeX, puede interesarle prerenderizar un diagrama complejo para evitar recompilar un dibujo TikZ de cinco minutos cada vez que genera el documento.
PNG es la opción adecuada cuando el destino es un contexto de mapa de bits: diapositivas, documentos de Word, mensajes de chat o redes sociales. FormaTeX renderiza con DPI configurable, de modo que puede exportar una imagen de 300 DPI para impresión o una de 150 DPI para la web.
SVG es ideal para sitios web y diseños adaptables. El formato vectorial se escala a cualquier tamaño sin pixelarse, carga rápido y se puede estilizar con CSS. Si incrusta diagramas TikZ en un sitio de documentación, SVG ofrece un renderizado nítido tanto en pantallas retina como en pantallas de baja densidad.
La salida en PDF conserva toda la fidelidad vectorial del dibujo TikZ original. Úsela cuando quiera incluir el diagrama en otro proyecto LaTeX con \includegraphics , o cuando necesite un archivo independiente listo para imprimir.
Bibliotecas de TikZ que puede usar
TikZ incluye decenas de bibliotecas opcionales que añaden formas especializadas, puntas de flecha, algoritmos de diseño y estilos de dibujo. Cárguelas con \usetikzlibrary{name} en su preámbulo. Se pueden separar varias bibliotecas con comas en una sola llamada. El servidor de renderizado de FormaTeX incluye el árbol completo de bibliotecas de TeX Live, por lo que todas las bibliotecas de TikZ funcionan sin configuración.
A continuación se presenta una referencia de las bibliotecas más utilizadas. Para un análisis en profundidad de la sintaxis de dibujo, las coordenadas y los estilos de TikZ, consulte la Guía de TikZ completa.
| Biblioteca | Finalidad |
|---|---|
| arrows.meta | Puntas de flecha modernas y configurables. Reemplaza la biblioteca arrows heredada. Use -Stealth, -Latex o defina puntas personalizadas. |
| shapes.geometric | Rombo, elipse, trapecio, estrella, polígono regular y otras formas geométricas de nodo para diagramas de flujo y diagramas. |
| positioning | Sintaxis de colocación relativa: above=of nodeA, right=1cm of nodeB. Elimina la aritmética manual de coordenadas en los diseños de nodos. |
| calc | Cálculos de coordenadas con la sintaxis ($...$). Calcule puntos medios, desplazamientos e intersecciones en línea. |
| decorations.pathmorphing | Decoraciones de trazado onduladas, en zigzag y de serpiente. Se usan habitualmente para símbolos de resortes en física y bordes decorativos. |
| circuits.ee.IEC | Paquete completo de dibujo de circuitos construido sobre TikZ. Resistencias, condensadores, transistores, amplificadores operacionales y puertas lógicas con símbolos IEC o americanos. |
| automata | Máquinas de estados finitos y autómatas. Proporciona los estilos de nodo state, accepting e initial, además de etiquetas de aristas para las transiciones. |
| fit | Ajusta un nodo estrechamente alrededor de un conjunto de otros nodos. Útil para agrupar regiones, dibujar cuadros delimitadores y resaltar grupos. |
Además de estas bibliotecas principales, el ecosistema de TikZ incluye paquetes independientes como pgfplots para gráficos de datos, circuitikz para circuitos eléctricos y tikz-cd para diagramas conmutativos. Todos ellos se compilan correctamente en el pipeline de renderizado de FormaTeX, por lo que puede exportar como imagen cualquier gráfico basado en TikZ.
Consejos para exportaciones limpias de TikZ
Unas pocas prácticas garantizan que sus imágenes exportadas se vean nítidas y profesionales en cualquier contexto.
Use la clase de documento standalone
La clase standalone recorta la salida al cuadro delimitador exacto de su tikzpicture, eliminando los márgenes de página y el espacio en blanco. Esto le da una imagen estrechamente recortada que encaja limpiamente en diapositivas y páginas web.
Defina colores explícitos
Avoid relying on the default black-on-white scheme if your diagram will appear on a dark background. Use \definecolor to set explicit fill and stroke colours that look good in both light and dark contexts.
Mantenga el preámbulo mínimo
Cargue solo los paquetes y las bibliotecas que su diagrama realmente use. Un preámbulo ligero se compila más rápido y reduce la probabilidad de conflictos entre paquetes durante el renderizado.
Controle las versiones de su código fuente
Guarde sus archivos fuente TikZ en git junto con las imágenes exportadas. Esto le permite regenerar las imágenes a cualquier resolución más adelante y mantiene la fuente de verdad junto al resultado.
Guías y herramientas relacionadas
Renderice sus diagramas TikZ ahora
Abra la herramienta, pegue su código TikZ y descargue un PNG, SVG o PDF con calidad de publicación. Gratis, instantáneo, sin necesidad de cuenta.