HTMLから画像への変換ツール
HTMLとCSSを貼り付けるとPNGを生成します。MostlyRender APIと同じヘッドレスChromiumで描画します。無料・登録不要です。
仕組み
1
貼り付け
インラインまたは埋め込みCSSを含む任意のHTML。Flexbox、グリッド、グラデーション、公開URLのWebフォントがすべて使えます。
2
render
ヘッドレスChromiumが、指定した幅と高さでChromeと同じように描画します。
3
自動化
HTMLをテンプレートとして保存すると、APIがリクエストに応じて、プレースホルダーにデータを埋め込んでrenderします。
よくある質問
HTMLから画像への変換ツールは本当に無料ですか？
はい、ただし制限があります。1訪問者あたり1日10枚、最大1600 × 1200ピクセル、HTMLは50 KBまでで、各画像の下部にMostlyRenderの小さなクレジット帯が入ります。登録は不要です。
JavaScriptは実行されますか？
いいえ。無料の変換ツールではスクリプトがオフになっているため、画像はヘッドレスChromiumが描画したHTMLとCSSそのままです。公開URLのWebフォントや画像は引き続き読み込まれます。
MostlyRender APIとはどう違いますか？
APIも同じエンジンで描画しますが、リクエストごとにプレースホルダーを埋める保存済みテンプレートを使い、PNG、JPEG、WebP、PDFで出力できます。クレジット帯も1日の上限もありません。Freeプランには月100 renderが含まれます。
HTMLではなく、公開中のWebページを変換できますか？
このツールではできません。APIのスクリーンショットエンドポイントなら、公開URLを画像またはPDFとして取得できます。
コードからHTMLを画像にrender
HTMLをテンプレートとして保存し、変わる部分を指定して、APIまたはSDKからPNG、JPEG、WebP、PDFをrenderします。月100 renderまで無料です。