🖼️HTML を PNG 画像に
HTML と CSS コードを入力するとレンダリング結果を PNG でダウンロード。デモ/ポートフォリオプレビュー、デザインモックアップ、メールテンプレ確認、ウィジェット出力に。html2canvas ベース。
🔒 ブラウザ内処理✓ ウォーターマークなし✓ 登録不要
使い方
- 1HTML コードを貼り付け。
- 2幅を設定。
- 3PNG ダウンロード。
よくある質問
対応 CSS?+
ほとんどの標準 CSS。一部最新機能(backdrop-filter 等)や外部フォントは制限あり。
外部画像も?+
CORS 許可された画像のみ。Base64 インラインが安全。
JavaScript 実行?+
セキュリティ上、JS は実行せず HTML+CSS のみレンダリング。
[コード→画像] との違い?+
コード→画像はコードを表示したスクリーンショット。本ツールは HTML/CSS を実際にレンダリング。
大きなページは?+
幅指定で長さは自動。極端に大きいとメモリ不足の可能性。