コードから画像へ
コードスニペットを構文ハイライト付きの美しい画像に変換。ソーシャルメディアでの共有や技術ブログの画像に最適
📝 コードエディタ
🎨 プレビュー
「Code to Image」とは何ですか？
コードから画像へコードスニペットを美しい画像に変換するツールです。入力したコードの構文を強調表示し、さまざまなカラーテーマやレイアウトスタイルを用いて、ソーシャルメディア（Twitter、LinkedIn）での共有や、技術系ブログ記事への埋め込みに適した高品質な画像を生成します。
💡 すべての処理はブラウザ上でローカルに行われます。サーバーにコードがアップロードされることは一切ないため、安心してご利用いただけます。
特徴とメリット
- 10種類のテーマ: Hyper から Ice まで、さまざまな表示スタイルに対応
- 15以上のプログラミング言語: JavaScript、Python、HTML、CSS、Java などの主要言語のシンタックスハイライトに対応
- さまざまな等幅フォント: JetBrains Mono、Fira Code、Source Code Pro など開発者がよく使うフォント
- ウィンドウ装飾: macOS のコードウィンドウスタイルを再現、3つのドットボタンとタイトルバー付き
- 行番号表示: 行番号の表示を選択でき、コードの参照が便利に
- ウォーターマーク設定: カスタムウォーターマークテキストを追加し、オリジナルコンテンツを保護
- コードフォーマット: ワンクリックでコードのインデントを整理し、コードをより美しく
- 複数のエクスポートオプション: PNG/SVG 形式のダウンロードに対応、クリップボードへの直接コピーも可能
使い方
- 1. 左側のエディタにコードを入力または貼り付け
- 2. テーマ、言語、フォントなどのスタイルパラメータを選択
- 3. 右側のリアルタイムプレビューで必要に応じて調整
- 4. 「PNG ダウンロード」または「クリップボードにコピー」をクリックしてエクスポート