Preserve image accessibility and dimensions in MJML

packages/email-renderer/src/blocks.ts

@@ -382,7 +382,7 @@ export const imageBlock = leaf(
         node,
       ),
     mjml: ({ node }) =>
-      `<mj-image src="${html(attrs(node).src)}" alt="${html(attrs(node).alt)}" width="${html(attrs(node).width)}px" />`,
+      `<mj-image src="${html(attrs(node).src)}" alt="${html(attrs(node).decorative ? "" : attrs(node).alt)}" width="${html(attrs(node).width)}px" height="${html(attrs(node).height)}px" />`,
   },
   ({ node }) => (attrs(node).decorative ? "" : `[${String(attrs(node).alt)}]\n\n`),
 );

packages/email-renderer/src/mjml.ts

@@ -240,8 +240,8 @@ export function importMjml(
           type: "content.image",
           version: 1,
           props: {
-            src: a.src ?? "",
-            alt: a.alt ?? "",
+            src: decode(a.src ?? ""),
+            alt: decode(a.alt ?? ""),
             width: (a.width ?? "600").replace(/px$/, ""),
             height: (a.height ?? "300").replace(/px$/, ""),
             decorative: false,