Markdownテキストを高品質な画像に変換します。複数のテーマ、アスペクト比、スタイルをサポートし、ワンクリックでPNG、JPG、またはWebP形式でエクスポートできます。すべてのデータはローカルで処理され、プライバシーとセキュリティを保護します。
機能
- 複数のテーマスタイル: ミニマル、ビジネス、テック、ナチュラル、グラデーションなどの17種類のモダンテーマを提供し、さまざまなシナリオのニーズに対応
- 柔軟なアスペクト比選択: 16:9、9:16、1:1、4:3、21:9などの複数のアスペクト比をサポートし、異なるプラットフォームと用途に対応
- 複数形式エクスポート: PNG、JPG、WebPの3つの画像形式をサポートし、エクスポート品質を調整可能（60%-100%）で、さまざまなニーズに対応
- コンテンツ適応: コンテンツに基づいて画像サイズを自動計算し、選択したアスペクト比を維持し、コンテンツをインテリジェントに埋めて空白を削減
使用例
- ソーシャルメディアコンテンツ制作: 技術記事、製品紹介、知識共有を美しい画像に変換し、Twitter、Instagram、LinkedInなどのソーシャルメディアプラットフォームで使用できます。1:1と9:16のアスペクト比をサポートし、さまざまなプラットフォームの画像仕様に完全に対応します。
- プレゼンテーションとPPT作成: Markdown形式の技術文書、会議議事録、プロジェクト説明を高品質な画像に変換し、PowerPoint、Keynoteなどのプレゼンテーションソフトに直接挿入できます。16:9のアスペクト比をサポートし、標準的なプレゼンテーションサイズに完全に対応します。
- ブログ記事とコンテンツイラスト: 技術ブログやドキュメントサイト用の美しいイラストを作成し、コード例、技術ポイント、重要な情報を簡単に共有できる画像形式に変換します。複数のテーマスタイルをサポートし、異なるコンテンツタイプの視覚的なニーズに対応します。
- 技術文書とチュートリアル作成: APIドキュメント、使用説明、操作手順などを画像に変換し、ドキュメント、Wiki、ヘルプセンターなどのシナリオで簡単に使用できます。技術チュートリアル、製品説明、ユーザーガイドなどの教育コンテンツの作成に適しています。
- マーケティング資料とプロモーションポスター: 製品特性、イベント情報、プロモーション告知などのマーケティングコンテンツを迅速に視覚的に魅力的な画像に変換します。複数のモダンなテーマスタイルをサポートし、オプションで日付透かしを追加でき、イベントポスター、製品プロモーション画像などのマーケティング資料の作成に適しています。
- 企業内部分享とレポート: 会議議事録、プロジェクト要約、データ分析レポートなどのコンテンツを画像形式に変換し、メール、チャットツール、内部文書で簡単に共有できます。高品質なエクスポートをサポートし、印刷と表示の品質を保証します。
使用方法
- コンテンツを入力: エディターにMarkdownコンテンツを入力または貼り付けます。見出し、リスト、コードブロックなどの完全なMarkdown構文をサポートします
- スタイルを選択: 好みのテーマスタイルとアスペクト比を選択し、オプションで日付透かしを追加し、画像形式と品質を設定します
- 画像をエクスポート: 「画像を保存」または「画像をコピー」ボタンをクリックすると、ツールがコンテンツに基づいてサイズを自動計算し、高品質な画像を生成します
技術詳細
DOMから画像への変換
html2canvasライブラリを使用して、レンダリングされたMarkdown HTMLをCanvasに変換し、画像形式でエクスポートします。高解像度出力をサポートし、フォントの読み込みと画像リソースを自動処理します。
テーマシステム
ミニマル、ビジネス、テック、ナチュラルなどの17種類のモダンテーマスタイルを提供。各テーマには独自の背景、テキスト色、視覚効果が含まれ、リアルタイムプレビューと切り替えをサポートします。
適応サイズ
コンテンツに基づいて画像サイズを自動計算し、選択したアスペクト比（16:9、9:16、1:1など）を維持します。コンテンツをインテリジェントに埋めて空白を減らし、コンパクトで美しい画像を確保します。
よくある質問
- 生成された画像の品質はどうですか？
- 高解像度出力をサポートし、デバイスピクセル比に基づいて自動的に鮮明度を調整します。エクスポート品質を調整可能（60%-100%）で、ファイルサイズと画像品質のバランスを取ります。
- どのMarkdown構文がサポートされていますか？
- 見出し、リスト、コードブロック、テーブル、リンク、画像などの完全なMarkdown構文をサポートします。GitHub Flavored Markdown拡張をサポートします。
- コンテンツはサーバーに保存されますか？
- いいえ。すべてのコンテンツはブラウザでローカルに処理され、Markdown解析、画像生成などが含まれます。ユーザー設定のみがローカルストレージに保存されます。
- 生成された画像に空白があるのはなぜですか？
- ツールはコンテンツに基づいてサイズを自動計算し、選択したアスペクト比を維持します。コンテンツが少ない場合、適切なパディングがある場合がありますが、これは正常です。
- テーマをカスタマイズできますか？
- 現在、17種類のプリセットテーマを提供しています。将来的には、カスタムテーマ機能が追加され、ユーザーがカスタム背景とスタイルをアップロードできるようになる可能性があります。
関連ドキュメント
- Markdownガイド - 例とベストプラクティスを含む包括的なMarkdown構文ガイド
- GitHub Flavored Markdown - テーブル、タスクリストなどをサポートするGitHub拡張Markdown仕様
- html2canvasドキュメント - html2canvasライブラリの公式ドキュメントと使用ガイド
- 画像アスペクト比ガイド - ソーシャルメディア画像サイズとアスペクト比のベストプラクティスガイド
- デザインシステムガイド - モダンUIデザインシステムとテーマデザインのベストプラクティス