Inlinador de CSS para correo electrónico

Traslada el CSS de los bloques <style> y de un campo opcional de CSS adicional a atributos style, el formato que clientes como Gmail y Outlook muestran de forma fiable. La cascada se resuelve con especificidad real, orden de origen y manejo de !important, y las media queries, @font-face y reglas :hover se conservan en un bloque <style> porque no se pueden aplicar en línea.

1. 1.Pega un documento de correo completo o un fragmento, sube un archivo .html o carga un ejemplo.
2. 2.Si quieres, pega CSS extra, como una hoja de estilos enlazada, en CSS adicional.
3. 3.Elige la forma y el formato de salida; abre Avanzado para cambiar qué se conserva o qué atributos HTML se añaden.
4. 4.Revisa las advertencias y comprueba la pestaña HTML o la Vista previa del correo en ancho de escritorio y móvil.
5. 5.Copia el HTML o descarga email-inlined.html.

Todo se ejecuta en tu navegador con la biblioteca juice; no se sube nada y nunca se descargan hojas de estilos enlazadas ni archivos @import. La vista previa se ejecuta en un marco aislado sin scripts y las imágenes remotas solo se cargan si lo permites. Que se vea bien en un navegador no garantiza lo mismo en Gmail u Outlook. El HTML y las opciones se guardan en este navegador; borra los datos del sitio para eliminarlos.