日本語 
中文 
English 
Français 
Español 广告位
コード画像ジェネレーター
コードスニペットを共有しやすい画像に変換するためのツールで、テーマ切替、行番号表示、文字サイズと余白調整に対応し、SNSや技術資料向けに最適化されています。
コードを高品質な画像に変換して、共有やチュートリアルに活用できます
準備完了 900 x 600
Docs
コード画像ジェネレーターは Carbon スタイルを参考に Gotokit 向けへ最適化したツールです。コードを貼り付けるだけで、高品質な PNG 画像として出力できます。技術ブログ、SNS 投稿、チーム資料、バグ報告などでコードを見やすく共有したい場面に適しています。処理はブラウザ内で完結するため、コード内容を外部サーバーへ送信せずに利用できます。
主な機能
- 複数テーマ対応（Dracula / Seti / One Light / Nord）
- 言語ラベルを任意入力して文脈を明確化
- フォントサイズと余白を細かく調整可能
- 行番号表示のオン/オフ切り替え
- PNG 保存と画像コピー（対応ブラウザ）をワンクリックで実行
使い方
- 左側の入力欄にコードを貼り付けます。
- テーマ、言語ラベル、フォントサイズ、余白を設定します。
- 必要に応じて行番号表示を切り替えます。
- プレビュー生成 を押して確認します。
- PNG を保存、または画像をコピーして利用します。
利用シーン
- 技術記事のコード図版作成
- SNS 向けの見やすいコード共有
- チーム内ナレッジ資料の統一フォーマット
- Issue / PR の再現コード提示
注意事項
このツールは見た目のレンダリング専用です。コード実行、構文検証、lint 処理は行いません。
最終確認日：2026-04-15
出典： carbon-app/carbon