無料オンラインコード画像変換
コードスニペットを美しい画像に変換してダウンロード。
Who uses the コード画像変換?
- 書式の問題なくソーシャルメディアでコードスニペットを共有する開発者。
- ブログ記事用にシンプルできれいなコードのスクリーンショットを作成する技術ライター。
- 登録不要ですばやくコードスニペットをダウンロード可能な画像に変換したい人。
How the コード画像変換 works
コードスニペットをエディタに貼り付けます。
カラーテーマを選びます：Dark（VS Code）、Light、Monokai、GitHub。
Languageドロップダウンは自分用の参考であり、現時点ではシンタックスハイライトを変更しません（FAQ参照）。
背景色、フォントサイズ、パディングを調整し、Download PNGまたはCopy Imageをクリックします。
Tips & tricks
- Languageドロップダウンはまだハイライトに影響しません——JS系以外の言語（Pythonなど）では、キーワードがアクセントカラーではなくデフォルトのテキスト色で表示されることを想定してください。
- 4つのテーマは色の選択においてそれぞれの同名エディタに忠実ですが、ハイライター自体は完全な言語対応トークナイザーではなく、シンプルな正規表現パターンです。
- パディングとフォントサイズは固定のプリセット（small/medium/large；13/14/16/18px）から選択され、自由には調整できません。
- Copy Imageはクリップボードapiを使用し、ClipboardItemをサポートするブラウザが必要です——何も起こらない場合は、代わりにDownload PNGを使用してください。
Frequently Asked Questions
コード画像にはどのようなテーマがありますか？
4つのテーマ：Dark（VS Codeスタイル）、Light、Monokai、GitHub。それぞれがそのエディタのパレットに合わせて、キーワード、文字列、数値、関数名、コメントの色を変えます。
Languageドロップダウンはシンタックスハイライトを変更しますか？
現時点では変更しません——ドロップダウンで言語を選択しても、コードの色付け方法は変わりません。ハイライトは選択された言語にかかわらず、常にキーワード/文字列/数値に対する汎用的なJavaScript風のパターンを使用します。コメントは//と#の両方で検出されるため、Python風のコメントはそれでも正しく色付けされますが、Pythonのキーワード（def、elifなど）はキーワードとしてハイライトされません。
出力画像の解像度と形式は？
出力はPNG画像です。キャンバスはデバイスのピクセル比（devicePixelRatio）に自動的にスケールするため、レティナ/HiDPI画面では追加の設定なしにエクスポートされる画像がよりシャープになります。
macOS風のウィンドウ枠を削除できますか？
いいえ——赤/黄/緑の信号機ドットは常に画像の上部に描画されます。Windows風のタイトルバーに切り替えたり、ウィンドウ枠を完全に削除したりするオプションはありません。
コード画像に透かしやロゴを追加できますか？
いいえ——透かしやロゴの機能はありません。画像にはコード、背景、ウィンドウのドットのみが含まれます。
Is my data safe when using the コード画像変換?
Completely safe. The コード画像変換 processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the コード画像変換 output in commercial projects?
Yes. The コード画像変換 is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the コード画像変換 follow official standards?
Yes. The コード画像変換 is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.