メール用 CSS インライナー

<style> ブロックと任意の「追加 CSS」の CSS を style 属性に移します。これは Gmail や Outlook などのメールクライアントが確実に表示できる形式です。カスケードは実際の詳細度、記述順、!important に従って解決され、インライン化できないメディアクエリ、@font-face、:hover ルールは <style> ブロックに残ります。

1. 1.完全なメールドキュメントまたはフラグメントを貼り付けるか、.html ファイルをアップロードするか、サンプルを読み込みます。
2. 2.必要に応じて、リンク先のスタイルシートなどの CSS を「追加 CSS」に貼り付けます。
3. 3.出力の形と形式を選び、「詳細設定」で残す内容や追加する HTML 属性を変更します。
4. 4.警告を確認し、HTML タブまたはメールプレビューでデスクトップ幅とモバイル幅を確認します。
5. 5.HTML をコピーするか、email-inlined.html をダウンロードします。

すべての処理は juice ライブラリを使ってブラウザー内で行われます。何もアップロードされず、リンク先のスタイルシートや @import ファイルを取得することもありません。プレビューはスクリプトなしのサンドボックスフレームで動作し、リモート画像は許可した場合にのみ読み込まれます。ブラウザーでの表示は Gmail や Outlook での表示を保証しません。HTML とオプションはこのブラウザーに保存されます。削除するにはサイトデータを消去してください。