Actualizaciones del Sistema

• Renderizado SVG en línea: Pega código <svg>...</svg> directamente en tu Markdown y se renderizará automáticamente como gráfico visual, preservando completamente gradientes, filtros, rutas de recorte y animaciones CSS.
• Modo de visualización de código: Usa bloques de código ```svg para mostrar el código fuente SVG con resaltado de sintaxis, perfecto para tutoriales y documentación.
• Fidelidad perfecta: Evita el procesamiento del parser HTML5 de los espacios de nombres XML (xmlns:xlink, xlink:href) y atributos específicos de SVG (clip-path, filter), asegurando que la salida renderizada coincida exactamente con el SVG original.

• Renderizado perfecto: Soporta CSS moderno, flexbox, grid y tipografía, convertido con precisión a formatos de imagen.
• Opciones de exportación: Descarga tus fragmentos de HTML como PNG, JPEG, WebP o PDF.
• Carga de archivos e importación de URL: Importa fácilmente archivos .html existentes o obtén HTML directamente desde cualquier URL pública.
• Soporte de API: Totalmente integrado con nuestro endpoint /api/v1/images/generate para la generación programática.

• Usa bloques de código ```plantuml para renderizar diagramas UML (secuencia, clases, casos de uso, actividad, etc.).
• Basado en el servidor público de PlantUML, produce salida SVG de alta calidad sin necesidad de instalación local de Java.

• Usa bloques de código ```infographic para renderizar infografías visuales.
• Integra el motor AntV Infographic con ~200 plantillas incorporadas.
• Soporta tipos de diseño de lista, flujo, comparación y muchos más.

• Dos opciones de sintaxis: [texto]{anotación} y [texto]^(anotación).
• Mono ruby: cuando el número de caracteres coincide con las sílabas, cada carácter se anota individualmente.
• Coincidencia inteligente: trunca sílabas extra cuando exceden los caracteres; agrupa cuando los caracteres exceden las sílabas.
• Soporta espacios, · y ・ como delimitadores de sílabas.

• Soporte añadido para sintaxis \(...\) matemáticas en línea y \[...\] matemáticas en bloque.
• Conversión automática a formato compatible con remark-math, funcionando junto con la sintaxis existente $...$ / $$...$$.

• Publicado en npm: Instala al instante con npx markdowntoimage-mcp — configuración cero, solo añade tu token de API.
• Dos herramientas disponibles:
  • generate_image — Convierte Markdown a PNG/JPEG/WebP con soporte completo de parámetros (temas, estilos de código, fuentes, ancho, calidad).
  • get_usage — Consulta tu cuota mensual de API y saldo de créditos.
• Descripciones detalladas de parámetros: El esquema de herramientas incluye todas las opciones de temas, estilos de código y fuentes disponibles, ayudando a los modelos de IA a seleccionar automáticamente la mejor configuración.
• Transporte Stdio: Funciona de inmediato con Claude Desktop, Cursor y otros clientes MCP a través de I/O estándar.

Añade esto a tu claude_desktop_config.json:

{
  "mcpServers": {
    "markdowntoimage": {
      "command": "npx",
      "args": ["-y", "markdowntoimage-mcp"],
      "env": {
        "MTI_API_TOKEN": "mti_tu_token_aquí"
      }
    }
  }
}

Luego solo pide a Claude: "Convierte este markdown en una imagen" — se encarga del resto.

• npm: npm install markdowntoimage-mcp
• Obtener token de API: Perfil → Tokens de API
• Documentación de la API: markdowntoimage.com/api-docs

• API de Generación de Imágenes: POST /api/v1/images/generate — Convierte Markdown a imágenes PNG, JPEG o WebP con soporte completo para resaltado de código, matemáticas KaTeX, diagramas Mermaid y 19 temas visuales.
• API de Estadísticas de Uso: GET /api/v1/account/usage — Rastrea tu cuota mensual y saldo de créditos en tiempo real.
• Schema Compatible con MCP: GET /api/v1/schema — Schema de la API en formato de definición de herramientas MCP (Model Context Protocol), listo para la integración de agentes de IA.
• Dos Modos de Respuesta: Elige entre modo url (URL de imagen temporal, válida por 24 horas) o modo binary (datos de imagen sin procesar).

• Gestión Segura de Tokens: Crea, lista y revoca tokens de API desde tu página de perfil. Los tokens se almacenan como hashes SHA-256 — tu secreto se muestra solo una vez al crearlo.
• Autenticación Bearer Token: Simple encabezado Authorization: Bearer mti_xxx para todas las llamadas a la API.

• 50 Solicitudes Gratuitas/Mes: Cada cuenta obtiene 50 llamadas gratuitas a la API por mes (las imágenes incluyen marca de agua).
• Solicitudes Basadas en Créditos: Después de la cuota gratuita, cada solicitud cuesta 1 crédito y la marca de agua se elimina automáticamente.
• Panel de Uso: Monitorea tu cuota gratuita y saldo de créditos en la página de Tokens de API.

• Documentación Interactiva de la API: Una nueva página /api-docs con documentación de endpoints, referencia de parámetros (incluyendo todos los valores válidos para temas, estilos de código y fuentes) y ejemplos de código en cURL, Python, Node.js y Go.
• Banner de Anuncio de la API: Un banner en todo el sitio notificando a los usuarios sobre la nueva disponibilidad de la API.

• Corrección de Renderizado de Temas: Se solucionó un problema donde el parámetro theme no tenía efecto en las imágenes generadas por la API. Los 19 temas ahora se aplican correctamente.
• Corrección de Renderizado de Fuentes: Se solucionó un problema donde el parámetro fontFamily (ej. inter, japanese) se cargaba pero no se aplicaba. Google Fonts ahora establece correctamente la propiedad CSS font-family.

• Optimización del Título de la Página de Inicio: Se refinó la tipografía del título de la página de inicio para garantizar una visibilidad perfecta de todos los caracteres, manteniendo una estética elegante y compacta.
• Correcciones de Diseño de AdSense: Se resolvieron problemas de diseño en pantallas ultra anchas (>2560px) donde el encabezado de navegación podía oscurecer el contenido de la barra lateral.
• Eliminación de H1 Duplicados: Se optimizó la estructura de la página para un mejor SEO asegurando una única etiqueta H1 semántica en las páginas converter y markdown-to-cards.

• Sistema de Traducción Modular: Se refactorizó todo el sistema de localización, dividiendo los archivos JSON grandes en componentes modulares para un mejor mantenimiento y una carga más rápida.
• Soporte de Idioma Completo: Se agregaron archivos de traducción completos para la función explore en todos los idiomas compatibles (chino, inglés, español, alemán, portugués, japonés).
• Corrección de Mensajes Faltantes: Se corrigieron varios errores de MISSING_MESSAGE en español, chino y otros idiomas para garantizar una experiencia localizada perfecta.

• Actualizaciones de Contenido de Ejemplo: Se actualizaron las plantillas de markdown de ejemplo para seguir las mejores prácticas en la jerarquía de encabezados.
• Rendimiento: Se optimizaron los tiempos de carga reduciendo el tamaño de los paquetes de traducción.

• Biblioteca de Medios de Usuario: Se añadió una biblioteca de medios de usuario para guardar automáticamente los registros de archivos subidos, facilitando su gestión y reutilización.
• Centrado de Fórmulas: Se añadió una configuración para alternar el centrado de fórmulas, ofreciendo más flexibilidad en el diseño de fórmulas matemáticas.
• Optimización de Marca de Agua: Se añadió la marca de agua "created by markdowntoimage.com" a las imágenes generadas en los modos Código, Mermaid y Fórmula.
• Formato de Código: Se optimizó el formato de los bloques de código.

• Optimización de Carga de Fuentes:
  • Se resolvieron problemas de carga de fuentes y se ajustó la estrategia de carga dinámica de fuentes.
  • Se corrigió la carga de fuentes para Markdown to Cards.
  • Se corrigió la inconsistencia entre la selección de fuentes en la vista previa y la selección en el frontend.
  • Se corrigió el error document no definido durante la inicialización de la página.
• Correcciones Multilingües: Se corrigieron claves de traducción faltantes en entornos multilingües.

¡Hemos lanzado la nueva función Markdown to Cards! Ahora puedes convertir fácilmente texto Markdown en hermosas tarjetas para compartir en redes sociales.

• Múltiples Diseños: Ofrece varios estilos de tarjetas preestablecidos para satisfacer diferentes necesidades.
• Tipografía Inteligente: Optimiza automáticamente la visualización de textos largos en las tarjetas.
• Compartir en Redes Sociales: Los tamaños de imagen generados están perfectamente adaptados para plataformas como Twitter, Instagram y Xiaohongshu.

Para que las imágenes generadas coincidan mejor con tu marca o estilo personal, hemos mejorado significativamente las capacidades de personalización de temas:

• Personalización de Colores: Ahora puedes modificar libremente los colores de títulos, cuerpo de texto, enlaces y texto enfatizado, ya no limitado a temas preestablecidos.
• Selección de Fuentes: Se han añadido una variedad de fuentes seleccionadas para soportar efectos de diseño mixto chino e inglés más ricos.
• Imágenes de Fondo: Admite la carga de imágenes de fondo personalizadas, con opciones de superposición (Overlay) y desenfoque (Blur) para hacer el texto más claro.

• Soporte para Japonés Añadido: ¡Hemos añadido oficialmente soporte para japonés! 🇯🇵
• Optimización de Traducción: Se han revisado y corregido exhaustivamente las traducciones faltantes (i18n) para mejorar la experiencia del usuario en entornos multilingües.

• Visualización del Logo: Se solucionó el problema donde la posición del logo estaba desplazada en algunos temas.
• Optimización de Rendimiento: Se optimizó el rendimiento y la estabilidad de la generación de imágenes por lotes (Batch Images).
• Optimización de Vista Previa: Se solucionaron problemas donde el almacenamiento en caché de la vista previa podía causar que quedara contenido antiguo.
• Detalles de Experiencia: Se añadió una visualización de enlace "Powered by" para ayudar a los usuarios a saber más.

¡Ven y experimenta estas nuevas funciones! Si tienes alguna sugerencia o encuentras algún problema, no dudes en darnos tu opinión.