HTMLから画像への変換とは何ですか?
HTML to Image は、HTML マークアップを PNG または JPG 画像としてレンダリングします。ソーシャル メディアのプレビュー、電子メール テンプレート、ブログのヘッダー画像、スタイル付きコンテンツのスクリーンショットの作成に役立ちます。
HTML を直接貼り付けるか、.html ファイルをアップロードします。出力形式 (PNG または JPG) と幅を選択します。その結果、ブラウザーでページがどのように見えるかをピクセル単位で完璧にレンダリングできます。
HTMLを画像に変換する方法
- HTML を貼り付けるかアップロードします。 HTML を直接入力または貼り付けるか、.html ファイルをドロップします。インライン CSS、クラス、基本的な JS レイアウトはすべてサポートされています。
- 形式と幅を選択します。 透明性とグラフィックの場合は PNG、写真の場合は JPG。幅 320 ～ 3840px は、レンダリングされるイメージの寸法を制御します。
- レンダリングしてダウンロードします。 「レンダリング」をクリックします。画像は数秒で表示されます。 PNG または JPG としてダウンロードします。
なぜ HTML を画像に使用するのでしょうか?
ピクセルパーフェクトなレンダリング
フルブラウザ エンジンは HTML をレンダリングします。フォント、CSS、グラデーション、SVG はすべて、実際のブラウザとまったく同じように表示されます。
カスタム幅コントロール
必要な正確なピクセル幅を設定します。ソーシャル メディアのプレビュー、ブログのヘッダー、Retina スクリーンに最適です。
インストールなし
ブラウザのみ。 Windows、macOS、Linux、モバイルで動作します。ヘッドレス Chrome のインストールやメンテナンスは必要ありません。
無料、透かしなし
サインアップや割り当てはなく、出力にロゴが重ねられることもありません。
よくある質問
インライン CSS と外部フォントはサポートされていますか?
インライン CSS、埋め込みスタイル、CDN 経由で読み込まれた Google フォントはすべて機能します。 JavaScript は実行されますが、レンダリング前の短いウィンドウ内で完了します。
最大ページサイズはどれくらいですか?
HTML は最大 5 MB、幅は最大 3840 ピクセル。縦長のページの場合、コンテンツの全高さが自動的にキャプチャされます。
ソーシャルメディアのプレビューに使用できますか?
はい - Open Graph 画像、Twitter カード、ブログ ヘッダーのサムネイルに最適です。 OG の場合は幅を 1200、Twitter カードの場合は 1200 に設定します。
私のファイルは非公開ですか?
はい。 HTML はメモリ内でレンダリングされ、すぐに破棄されます。何も記録されません。
改善にご協力ください
このツールを評価してください。皆様のフィードバックは貴重です！