HTMLをJPGに変換

Q: HTMLメールのテンプレートをプレビュー用に画像化できますか？

はい。**HTMLページの幅**を、ほとんどのメールテンプレートが想定している600 pxに設定し、縦長の1枚のままにします。テストメール自体を送りたくない相手にも、見た目を確認してもらえる手軽なプルーフになります。

保存したWebページ、メールテンプレート、HTMLレポートをアップロードすると、ページの上から下まで全体を写したJPG画像として受け取れます。ブラウザの幅を選べるので、PC向けのレイアウトでもスマホ向けのレイアウトでも出力できます。

またはDOC, DOCX, DOCM … ファイルをここにドロップ ·

1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除

出力

変換先

解像度

画像の出力方法

ファイルは当社のサーバーで処理され、30分後に削除されます。

このツールの使い方

1
HTMLファイルをアップロード
.html、.htm、.mhtml ファイルをアップロードします。一度に最大20ファイルまで選べます。画像やスタイルを含むページは、すべてが一緒に保存されるように、先にブラウザで1つのファイル(MHTML)として保存してください。
2
ページの幅を選ぶ
HTMLページの幅の初期値は一般的なノートPCに近い1280 pxです。スマートフォン向けレイアウトなら390 px、メールテンプレートなら600 pxを入力します。画像の出力方法は縦長の1枚に設定されています。
3
JPGに変換
変換先でJPGを選んで変換ボタンを押し、画像をダウンロードします。ページを印刷サイズに分割したい場合は、画像の出力方法を1ページごとに切り替えてください。

HTMLからJPGへの変換は、ファイルから作るページ全体のスクリーンショットです。指定したブラウザ幅でレイアウトが決まり、JPGにはその全ピクセルが写ります。

HTMLファイルがJPG画像になる仕組み

HTMLファイルは画像ではなく指示書です。ブラウザはマークアップを読み、スタイルシートを適用し、画像とフォントを読み込んで、ウィンドウの幅に合わせて配置します。幅を変えると、レスポンシブなページは列が縦に積まれ、メニューが折りたたまれ、画像が縮むなど配置が変わります。そのため、このコンバーターではまずHTMLページの幅を指定します。

レイアウトが決まると、画面に収まる部分だけでなく、ページ全体が上から下まで取り込まれます。画像の出力方法を縦長の1枚にすると1枚の縦長JPGになり、1ページごとに切り替えると同じ内容がページサイズの画像に分割されます。

画質の初期値は85で、本文が読みやすいまま、同じページのPNGよりずっと小さくなります。小さな文字や細い表の罫線をくっきり残したい場合は、95に近づけてください。

1280 pxページを描画するブラウザ幅の初期値

指定できる範囲は320〜3840 pxです。狭い幅ではモバイル向け、広い幅ではデスクトップ向けのレイアウトになります。

ページ幅の選び方：PC表示全体かスマホ表示か

初期設定です。ほとんどのサイトは、この幅でナビゲーションバーやサイドカラムを含むデスクトップ版の全体レイアウトを表示します。

Webサイトのレビューやクライアント確認
ページの見た目の記録保存
スライドやレポート

HTMLをJPGに変換した結果がおかしいとき

画像が表示されない、または壊れたアイコンになる
画像がHTMLの中ではなく、HTMLの隣に保存されていました。ページを単一のMHTMLファイルとして保存するか、画像に完全なWebアドレスを使ってください。
ページが空白、または読み込み中のスピナーだけが表示される
コンテンツが読み込み後にスクリプトで作られているか、ログインの先にあります。ブラウザで開き、完全に読み込まれるまで待ってから、単一のファイルとして保存してください。
右端で文字が切れる
ページにウィンドウより広い固定幅があります。HTMLページの幅をそれに合わせて、たとえば1440 pxに上げてください。
JPGがアップロードフォームには大きすぎる
画質を70前後に下げるか、幅を狭くするか、変換後に画像圧縮で小さくしてください。

HTML

ハイパーテキスト・マークアップ言語

HTMLはウェブのマークアップ言語で、1990年代初めにティム・バーナーズ=リーが考案し、現在はWHATWGが「Living Standard」として管理しています。HTMLファイルは見出し、段落、リンク、表、画像、フォームを記述し、見た目の装飾は通常CSSが担当します。すべてのブラウザで表示でき、メールテンプレートや保存したウェブページにも使われます。HTMLファイル単体では外部の画像やスタイルシートに依存していることが多く、単独で移動すると表示が崩れる場合があります。

圧縮方式: –
透過: –
アニメーション: –
登場時期: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML 変換

JPG

JPEG画像

JPEG(JPG)は最も広く使われている写真形式で、1992年にJoint Photographic Experts Groupが標準化しました。目につきにくい細部を捨てる非可逆圧縮を使うため、写真をウェブ、メール、スマートフォンの保存に適した小さなサイズにできます。滑らかなグラデーションや自然な風景は得意ですが、くっきりした文字、線画、べた塗りの色ではブロック状やぼやけたノイズが目立ちます。JPEGには透過もアニメーションもなく、保存し直すたびに少しずつ画質が落ちます。すべてのブラウザ、スマートフォン、カメラ、画像エディタで開けます。

圧縮方式: 非可逆
透過: 非対応
アニメーション: 非対応
登場時期: 1992 · Joint Photographic Experts Group

JPG 変換

HTMLはブラウザの中でしか正しく見えません。JPGに変換すると、ある1つの表示結果が画像として固定され、コードでは使えない添付、投稿、保管、スライドへの貼り付けができるようになります。

HTMLのJPG変換に関するよくある質問

ファイルをアップロードする代わりにWebサイトのURLを貼り付けられますか？

いいえ。このコンバーターはアップロードされたHTMLファイルを変換します。ブラウザでページを開き、「名前を付けてページを保存」から「Webページ、単一ファイル」(ChromeとEdgeではMHTML)を選んで保存し、そのファイルをアップロードしてください。HTML、スタイル、画像がまとめて含まれます。

JPGがデザインなしのテキストだけで表示されるのはなぜですか？

スタイルシートや画像なしで保存されたHTMLです。「Webページ、HTMLのみ」を選ぶとこうなります。コンバーターが読み取れるのはマークアップだけです。ページを単一のMHTMLファイルとして保存し直すか、アップロード前にCSSをHTML内に直接記述してください。

1枚のJPGにどのくらいの長さのページを収められますか？

JPEG形式は1辺が最大65,535ピクセルまでのため、非常に長いページを広い幅で変換するとこの上限に達することがあります。長い記事は画像の出力方法を1ページごとに切り替えるか、上限のないHTMLをPDFに変換をご利用ください。

Webページのスクリーンショットには JPGとPNGのどちらを選ぶべきですか？

JPGはファイルが小さく、写真の多いページに向いています。PNGは小さな文字や細い線もくっきり保て、背景の透過にも対応するため、UIモックアップやダッシュボードに適しています。違いはJPG・JPEG・PNGの違いで解説しています。

画像のフォントがブラウザでの表示と違って見えるのはなぜですか？

お使いのパソコンにだけインストールされているフォントは、ページを描画する環境では使えないため、代替フォントが使われます。保存したページに埋め込まれたWebフォントや、ページのスタイルで読み込まれるWebフォントは、意図どおりに表示されます。

HTMLメールのテンプレートをプレビュー用に画像化できますか？

はい。HTMLページの幅を、ほとんどのメールテンプレートが想定している600 pxに設定し、縦長の1枚のままにします。テストメール自体を送りたくない相手にも、見た目を確認してもらえる手軽なプルーフになります。