HTML ファイルをメールで送って、相手にページとして見てもらう方法
要約
メールで HTML のページを見てもらうなら、ファイルを添付するより、ページを URL にして本文に書きます。添付した HTML ファイルは相手にファイルとして届き、どう開くかは相手のメールアプリと端末しだいです。Gmail と Outlook がブロックするファイルの一覧に .html は入っていません。ただし会社の Microsoft 365 では、管理者が HTML の添付を止める設定にできます。このページのボックスに HTML ファイルを入れると、登録なしで 3 分間有効なプレビューのリンクができ、ネット上での見え方を確かめられます。相手に送るのは、Convika の Free プランでページを受け取って公開した URL です。この URL は、公開を止めるまで変わりません。
Free プラン: カード登録なし、公開 1 ページまで、フォームは月 50 件まで
目次
ChatGPT や Claude に作ってもらった案内のページを、取引先やお客さんにメールで見てもらいたい。手元にあるのは .html のファイルです。メールに添付すれば送れます。ただ、相手が受け取るのはページではなく、ファイルです。
このガイドは、Gmail・Outlook・iPhone の「メール」で HTML ファイルを添付する手順と、添付した HTML が開けない理由、届かないときに確かめること、ページを URL にして本文に貼って送る手順を説明します。各社のヘルプとドキュメントは、2026 年 10 月 15 日に確かめました。
メールに HTML ファイルを添付して送る手順
HTML ファイルも、ほかのファイルと同じ手順で添付できます。.html がブロックされるかどうかは、下の節 で説明しています。
Gmail(パソコン)
Gmail ヘルプの Gmail のメールにファイルを添付して送信する の手順です。「作成」をクリックし、下部にある添付アイコンをクリックして、HTML ファイルを選んで「開く」をクリックします。
個人用の Gmail アカウントで添付できるのは、合計 25 MB まで。仕事用や学校用のアカウントでは、上限を Google Workspace の管理者が決めます。
Outlook
Microsoft のヘルプ Outlook でメールに写真を追加したりファイルを添付したりする によると、新しい Outlook では、新しいメッセージか返信の「メッセージ」タブで、「挿入」グループの「ファイルの添付」から添付するファイルを選びます。
従来の Outlook では、同じ「メッセージ」タブの「含める」グループに「ファイルの添付」があります。Outlook on the web と Outlook.com では、パソコンのファイルをメッセージにドラッグ アンド ドロップしても添付できます。
iPhone の「メール」
Apple の iPhoneの「メール」でメールの添付ファイルを追加する によると、メッセージの中をタップし、キーボードの上にある添付ファイルのボタンをタップして、「ファイルを添付」から「ファイル」アプリの中の書類を選びます。HTML ファイルは、先に「ファイル」アプリに保存しておきます。
どの方法でも、相手に届くのはファイルです。相手が Gmail や Outlook で添付をクリックしたとき、ページとして表示されるのか、ダウンロードされるのかは、確かめたヘルプには書かれていませんでした。
添付した HTML が、相手の画面で開けない・表示されない理由
HTML ファイルは、ページを写した画像ではありません。ブラウザがファイルを読んで、はじめてページになります。届いたファイルだけでは、ページに必要なものがそろわないことがあります。
- 別のファイルに分けた CSS や画像は、メールについてこない。 添付したのが
page.htmlだけなら、同じフォルダのstyle.cssやphoto.pngは相手に届きません。HTML ファイルだけをほかの場所で開くと、別ファイルの CSS、画像、スクリプトは読み込まれず、文字の色や大きさはブラウザの初期設定に戻ります。パソコンの Chromium で試した結果は、ガイド HTML ファイルを LINE で送る方法 に載せています。 - iPhone で保存した添付を開くと、ブラウザではなくプレビューになる。 Apple のヘルプ iPhoneの「メール」でメールの添付ファイルをダウンロードする によると、受け取った添付ファイルを長押しして「“ファイル”に保存」を選ぶと、「ファイル」アプリに保存できます。保存した
.htmlファイルを「ファイル」アプリでタップすると、プレビューが開きます。2026 年 10 月 6 日に Apple の iPhone シミュレーター(iOS 26.3)で試したところ、このプレビューはページの JavaScript を動かさず、https://の画像も Google Fonts も、CDN から読み込む Tailwind も表示しませんでした。「メール」の中で添付をタップしたときの表示は、試していません。
URL なら、相手はリンクをクリックかタップするだけで、ブラウザでページを開けます。ネット上の画像やフォントも読み込まれます。
別のファイルに分けた CSS や画像は、下の 手順 1 で 1 つのファイルにまとめます。
HTML ファイルの添付が届かない・ブロックされるとき
.html は、Gmail でも Outlook でも、既定でブロックされるファイルの種類には入っていません。それでも届かない、開けないときは、相手の会社のメールの設定で止められていることがあります。
- Gmail。 ヘルプの Gmail でブロックされるファイルの種類 の一覧に、
.htmと.htmlはありません。.htaや.jsは入っていて、zip にまとめた中にあっても添付できません。HTML とは別に.jsのファイルを付けると、そこで止まります。ヘルプによると、添付がなくても、ウイルスを広げるおそれのあるコンテンツ、画像、リンクを含むメールはブロックされることがあります。 - Outlook。 Microsoft のヘルプ Outlook でブロックされる添付ファイル の一覧にあるのは
.hta、.htc、.mht、.mhtmlで、.htmと.htmlはありません。Outlook on the web が 既定でブロックする拡張子 にも入っていません。ただし、ブロックする種類は管理者が変えられます。止められた添付を Outlook on the web で開こうとすると、「添付ファイルへのアクセスがブロックされました。」と表示されます。 - 会社の Microsoft 365。 Microsoft の マルウェア対策のドキュメント によると、管理者は「一般的な添付ファイル フィルター」で止めるファイルの種類を選べます。既定の一覧に
htmとhtmlはありませんが、追加で選べる種類には入っています。止めたメールは、既定では受け取りを拒否され、送った人に配信不能レポート(NDR)が届きます。拒否する代わりに、検疫(隔離)する設定もあります。
HTML ファイルの添付は、攻撃に使われたこともあります。2019 年 9 月 18 日の INTERNET Watch の 記事 によると、HTML ファイルを添付した標的型メール攻撃が国内で観測されました。添付の中に URL を書いて、不審なメールとして検知されにくくする狙いがあると、デジタルアーツは説明しています。
ブロックされる種類のファイルを送るとき、Outlook のヘルプは、OneDrive に置いてファイルへのリンクを送るよう勧めています。ページを見てもらうなら、ファイルの置き場所ではなく、ページの URL を本文に書きます。添付がなければ、ファイルの種類で止められることもありません。
ファイルのまま送るのが向いているとき
相手に必要なのがページではなくコードなら、ファイルのまま送るのが向いています。ページを直してもらう制作会社やエンジニアに渡すときです。パソコンで受け取れば、ブラウザやエディターで開いてもらえます。
フォルダごと zip にまとめるなら、中に .js のファイルがないか先に確かめてください。上の節のとおり、Gmail では zip の中の .js も止まります。
ページを見てもらうだけの相手には、URL を送ります。
HTML ファイルを URL にしてメールで送る 4 つの手順
ボックスで作るプレビューのリンクが開けるのは 3 分間 だけなので、相手がメールを開くころには使えません。メールで送る前に、ページを Convika で公開します。
1. ファイルをボックスに入れる
ページ冒頭のボックスに .html のファイルをドロップするか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。アカウントもメールアドレスもいりません。
受け付けるのは、.html か .htm のファイル 1 つ(2 MB まで)か、そのコードです。画像は https:// から始まる URL で読み込みます。CSS や画像を別のファイルに分けているなら、作った AI に「CSS をすべて中に入れて、画像は https:// から始まる URL にした、1 つの HTML ファイルにして」と頼みます。パソコンの中の画像や CSS を読み込んでいる場合は、そのファイル名が一覧で出ます。
2. 自分の画面で見え方を確かめる
「プレビューができました」と出たら「プレビューを開く」を押し、レイアウトが崩れていないか、画像が表示されるかを確かめます。
ページの上部には、Convika の無料ツールにアップロードされたページであることと、スクリプトとフォームが動かないことを知らせる帯が出ます。このプレビューでは、ページのスクリプトとフォームは止まっています。リンクを開けるのは 3 分間 で、残りの時間は画面に出ます。検索エンジンには載せないよう指示しています。
3. ページを受け取って、公開する
「このページを受け取る(無料・カード不要)」を押して登録すると、アップロードしたページがそのままアカウントに入り、スクリプトも動くようになります。プレビューの時間が過ぎても、同じ画面から受け取れます。
管理画面で「公開する」を押すと yourpage.convika.page のようなアドレスで公開され、この URL は「公開停止」を押すまで変わりません。Free プランに含まれるのは、すべてのページの合計で月 10,000 ページビューです。Free プランはカード登録なしで使え、1 ページを公開できます。公開したページに上部の帯は出ません。Free では下部に小さく「Convika なら、HTML ファイルを無料でリンクに」の表示が入ります(Pro で消せます)。
4. 公開した URL をメールの本文に貼る
公開した URL をコピーして、メールの本文に貼り付けて送ります。HTML ファイルは添付しません。
相手は Convika のアカウントがなくても、リンクをクリックかタップするだけで、ブラウザでページを開けます。
共有したページを検索結果に出さない設定
取引先や家族に送るページは、Google や Bing の検索結果には出てほしくないものです。2026 年 7 月、Claude の「リンクで共有」で共有したチャットやアーティファクトが検索結果に出ていたと、The Decoder や GovInfoSecurity が報じました。The Decoder は、共有ページに noindex のタグ(検索エンジンに、結果に載せないよう伝える印)がなかったようだと伝えています(Anthropic は、共有リンクは利用者自身が広めない限り見つからないと説明しました)。
Convika では、公開するときの確認画面で「一般公開」か「限定公開」を選べます。無料の一般公開は、URL を知っている人ならだれでも開けるうえ、検索結果や Convika のギャラリーに出ることがあります。検索結果に出したくないページは、確認画面で「限定公開」を選びます(Pro・1年パス)。限定公開にすると、Convika は検索エンジンにページを検索結果に出さないよう伝え(noindex)、サイトマップにもギャラリーにも載せません。あとから「サイト設定」で切り替えることもできます。
「限定公開」にしても、URL を持っている人はこれまでどおりページを開けます。パスワードもアカウントもいりません。メールを転送された相手もそのまま開けるため、転送されても困らない案内や資料に向いています。検索結果に出てもよいページなら無料の「一般公開」を、決まった人だけに開いてほしいときはパスワードをかけてください(限定公開とパスワードは、Pro・月 ¥1,800 か 1年パスの機能)。
社外に送るページのパスワードと訪問数
公開した URL は、知っている人ならだれでも開けます。メールは転送もできるため、提案書や見積もりのように、送った相手にだけ見せたいページには「サイト設定」の「閲覧パスワード」でパスワードをかけます。訪問者にはまずパスワードの入力画面が出て、Convika は正しいパスワードが入力されるまでページを送りません。パスワードは Pro(月 ¥1,800)の機能です。パスワードは、URL とは別のメールで伝えます。見る人の画面は、ガイド HTML ページにパスワードをかけて、知っている人だけに見せる方法 で説明しています。
開いてもらえたかの目安は、公開したページの訪問数でわかります。Free プランでも、日ごとの訪問数を、国、デバイス、どこから来たかとあわせて直近 90 日分見られます。だれが開いたかはわからず、自分で開いた分も数えます。URL の末尾に ?utm_source=email を付けて送ると、管理画面の「キャンペーン(UTM)」で、メールのリンクから来た訪問を分けて数えられます。
よくある質問
HTML ファイルはメールで送れますか?
送れます。Gmail と Outlook のブロックされるファイルの一覧に .html は入っていないので、ほかのファイルと同じように添付できます。
ただ、相手に届くのはファイルで、どう開くかは相手のメールアプリと端末しだいです。ページとして見てもらうなら、HTML ファイルを公開して、その URL を本文に書いて送ります。
メールに添付された HTML ファイルが開けないときは、どうすればいいですか?
確かめることは 3 つあります。別のファイルに分けた CSS や画像が届いていないか、iPhone の「ファイル」アプリのプレビューで開いていないか、会社のメールの設定で HTML の添付が止められていないかです。
iPhone の「ファイル」アプリのプレビューは、Apple のシミュレーターで iOS 26.3 を試したところ、JavaScript を動かさず、ネット上の画像も読み込みませんでした。受け取った側なら、送った人に URL をもらうのが確実です。心当たりのない HTML ファイルは開かずに、送った人に確かめてください。
心当たりのあるファイルなら、ブラウザで無料の HTML ビューアー を開き、「HTML ファイルを選ぶ」から選ぶと、スクリプトも動く状態で表示できます。ファイルはアップロードされません。少しでも気になるファイルは、選ぶ前に「スクリプトを動かす」のチェックを外します。外すと、ページのスクリプトは動かず、フォームも送信されません。
Outlook で HTML の添付ファイルが開けません。なぜですか?
会社のメールの設定で HTML の添付が止められています。Outlook がブロックするファイルの一覧にも、Outlook on the web が既定でブロックする拡張子にも、.htm と .html は入っていません。
それでも Outlook on the web で「添付ファイルへのアクセスがブロックされました。」と出るなら、会社のメールの設定で HTML の添付が止められています。Microsoft のドキュメントでは、ブロックする種類は管理者が変えられます。管理者に確かめてもらうか、送った人に、ファイルではなく URL を送ってもらってください。
HTML ファイルを添付すると迷惑メールになりますか?
確かめた Gmail と Outlook のヘルプには、HTML ファイルを添付しただけで迷惑メールになるとは書かれていません。.html は、どちらの既定のブロックの一覧にも入っていません。
ただし、Gmail はウイルスを広げるおそれのある内容やリンクを含むメールをブロックすることがあり、会社の Microsoft 365 では、管理者が HTML の添付を拒否する設定にできます。HTML ファイルの添付は、2019 年に国内で観測された標的型メール攻撃にも使われました。URL を本文に書いて送れば、添付のファイルの種類で止められることはありません。
HTML メールと HTML ファイルの添付の違いは何ですか?
HTML メールはメールの本文そのものを HTML の形式で書いたもので、HTML ファイルの添付は .html のファイルを本文とは別に付けることです。
Microsoft のヘルプ Outlook でメッセージ形式を HTML、リッチ テキスト形式、またはプレーン テキストに変更する では、新しい Outlook の既定のメッセージ形式で、フォントや色、箇条書きを使ったり、本文に画像を表示したりするのに向いた形式と説明しています。HTML ファイルの添付は、相手には添付ファイルとして届きます。AI に作ってもらったページを見てもらうなら、ページを公開して、その URL を本文に書きます。
次のステップ
HTML ページにパスワードをかけて、知っている人だけに見せる方法
JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。
関連記事
- HTML ファイルを LINE で送って、相手のスマホでページとして見てもらう方法LINE で HTML ファイルを送ると相手のスマホしだいで開けないため、ファイルではなく URL を送ります。ChatGPT や Claude で作った HTML を URL に変えて、トークに貼るだけで見てもらう手順を説明します。
- HTML ファイルを、どのスマホでも開けるリンクで共有する方法HTML ファイルをメールや LINE で送ると、届くのはページではなくファイルです。ChatGPT や Claude で作った HTML をアップロードし、どのスマホでもタップで開けるリンクにする方法を、登録なしの手順から説明します。
- iPhone で HTML ファイルを受け取ったら文字だらけ。開く方法と、相手にリンクで送る方法iPhone の「ファイル」アプリで HTML ファイルをタップすると、開くのはブラウザではなくプレビューで、iOS 26.3 のシミュレーターで試した結果ではボタンもゲームも動きませんでした。いま手元のファイルをページとして開く方法と、送る側がリンクにして送り直す手順を説明します。
- Android で HTML ファイルが開けない。コードだけ出るときの対処と、相手にリンクで送る方法Android 16 のエミュレーターで「ファイル」アプリから HTML ファイルをタップすると、開くアプリを選ぶ画面が出ました。Chrome ではゲームもボタンも動き、「HTMLビューア」では動きませんでした。いま開く手順と、送る側がリンクにして送り直す方法を説明します。
- Claude で作った HTML を、Claude のアカウントがない人にも見せる方法Claude の共有リンクは、開く相手にも Claude のアカウントが必要です。HTML を取り出してアップロードすれば、登録なしでだれでも開けるリンクができます。このガイドは、スマホのアプリや Claude Code で作ったときの取り出し方も説明します。
- Slack に HTML ファイルを送って、ページとして見てもらう方法Slack に HTML ファイルを添付してもページとしては表示されません。HTML を Web ページとして公開し、発行した URL をチャンネルに貼ってチームや Slack コネクトの相手に見てもらう手順を解説します。