HTMLをPNGに変換
HTMLに入っている表やデータを、PNGで読み込める形に。別のツールで集計・加工するためのファイルを作れます。
HTMLをアップロード
データファイルをドラッグ＆ドロップ
またはクリックしてファイルを選択
HTMLをPNGにすると、何が変わる？
画面の見た目を、レビューや操作説明に使いたいときに。HTMLファイルを文字や図の輪郭を保ちやすいPNG画像に変換できます。背景色、表、画像などを含め、表示内容を画像として残せます。
変換時には、画像やWebフォントなどの参照先を読み込みます。アクセスできない素材があると、表示が欠けたり配置が変わったりします。CSSや画像の参照先を確認し、必要な表示がそろっているかを出力後に確認してください。
PNGは、小さな文字や画面部品を参照する資料に向いています。ただし、画像にしたボタンやリンクは操作できません。画面の実際の動作を見せたい場合は、元のHTMLと画像を使い分けると目的が伝わりやすくなります。
HTMLの表示をPNG画像に
文章、表、背景などを、確認用の画像として保存します。
文字や線の輪郭を保ちやすい
PNGは、JPEGのような圧縮によるにじみを加えずに保存できます。
表示の待機条件を設定
読み込み待機時間や要素の表示待ちなど、HTMLに合う条件を選べます。
レビュー資料や操作説明に
画面の見た目を、説明や確認に添える参照画像として使えます。
あとから結果をダウンロード
保存期限までは「ファイル」から結果を確認できます。Previewは1日、Teamは最大30日。必要なファイルは期限内に保存してください。
参照先のファイルを確認
画像やフォントが読み込めない場合は、変換結果の表示が変わることがあります。
HTMLをPNGに変換する方法
ファイルを追加
HTMLファイルをドロップするか、端末から選びます。変換を開始するとアップロードされます。
設定を確認して変換
HTMLの行・列や構造を読み取り、PNGの仕様に合わせて書き出します。出力形式が対応していない書式や機能は引き継げません。
結果をダウンロード
PNGでダウンロードし、内容を確認してからご利用ください。
変換の仕様・設定
01CSSで指定した見た目はPNGにも反映されますか？
変換時に読み込めるCSSや画像を使って表示を作成します。すべての見た目を保証するものではなく、外部ファイルやフォントが読み込めない場合は表示が変わることがあります。
02フォントや改行が変わるのはなぜですか？
Webフォントを読み込めない場合、別の書体に置き換わることがあります。文字幅が変わると改行や間隔にも影響するため、フォントの参照先と出力結果をご確認ください。
03元のHTMLにある画像が表示されません。
HTMLが参照する画像を、変換時に読み込めない可能性があります。参照先のURLやパス、アクセス条件を確認してください。自分の端末だけで開けるファイルは、変換環境から利用できない場合があります。
04PNG上のボタンや文字は操作・編集できますか？
PNGは表示を保存した画像なので、HTMLのボタンやリンクは動作しません。文言や構成を変える場合は、元のHTMLを編集して画像を作り直してください。
05JPGではなくPNGを選ぶ理由は何ですか？
小さな文字、線、画面部品の輪郭に圧縮によるにじみを加えたくない場合に向いています。写真の多い画面では、JPGより容量が大きくなることもあります。
別の形式への変換も探す
HTMLを編集したい、共有したいなど、目的に合う変換をお選びください。
文書を受け取ってから、形式を変えるまで。
チャットやクラウドストレージとつなぎ、HTMLへの変換を日々の業務に組み込む連携を準備しています。対応予定や導入方法はご相談ください。
対応している変換
Keynote
VTT
お手元のHTMLを、使いたい形式へ。
ファイルを選んで、使いたい形式へ。詳細設定はPro以上で利用できます。変換結果は、保存期限内にダウンロードしてください。