コードを画像に変換する方法
ステップ1 — コードを貼り付け。左側のエディタにソースコードを入力または貼り付けます。ドロップダウンからプログラミング言語を選択するか、自動検出のままにしてください。JavaScript、TypeScript、Python、Java、C++、C#、Go、Rust、PHP、Ruby、Swift、Kotlin、SQL、HTML、CSS、JSON、YAML、Bash、Markdown、XML、プレーンテキストに対応しています。
ステップ2 — 外観をカスタマイズ。8種類のシンタックステーマから選択：One Dark、Monokai、Dracula、GitHub Dark、Nord、Night Owl、Solarized Dark、Tokyo Night。グラデーション背景（Sunset、Ocean、Emerald、Twilight、Candy、Carbon、Transparent）を選択。フォント（JetBrains Mono、Fira Code、Source Code Pro）、フォントサイズ、余白、パネル幅を調整。行番号、ウィンドウフレーム、影のオン・オフを切り替えできます。
ステップ3 — エクスポート。画像をコピーをクリックしてクリップボードに直接コピー（Slack、Twitter/X、Discord、Notion、GitHub Issues向け）、またはPNGダウンロードをクリックしてファイルを保存。1x、2x、3xの倍率で異なる出力解像度を選択できます。
対応プログラミング言語
QuickImg コードを画像に変換は、Highlight.jsを使用した20以上のプログラミング言語のシンタックスハイライトに対応しています：
JavaScript、TypeScript、Python、HTML、CSS、Java、C++、C#、Go、Rust、PHP、Ruby、Swift、Kotlin、SQL、JSON、YAML、Bash、Markdown、XML、プレーンテキスト。
すべての言語でキーワード、文字列、数値、コメント、関数、演算子の正確なトークンベースのシンタックスハイライトに対応。自動検出機能はHighlight.jsを使用してコードスニペットから言語を自動的に識別します。
よくある質問
コードを画像に変換する仕組みは？ +
コードを貼り付けて、テーマと背景を選び、エクスポートするだけです。すべてJavaScriptとHighlight.jsライブラリによるシンタックスハイライトを使用してブラウザ内で実行されます。コードがサーバーにアップロードされることはありません。PNGとしてエクスポートするか、クリップボードに直接コピーできます。
どのプログラミング言語に対応していますか？ +
20以上の言語に対応：JavaScript、TypeScript、Python、Java、C++、C#、Go、Rust、PHP、Ruby、Swift、Kotlin、SQL、HTML、CSS、JSON、YAML、Bash、Markdown、XML、プレーンテキスト。自動検出機能でHighlight.jsが言語を自動的に識別することもできます。
画像をクリップボードにコピーできますか？ +
はい！「画像をコピー」をクリックするとClipboard APIを使用してクリップボードに直接コピーされます。Slack、Twitter/X、Notion、Discord、GitHub Issuesなど、画像を受け付けるあらゆる場所に貼り付けられます。HTTPSが必要です。
コードはプライベートで安全ですか？ +
はい、100%プライベートです。すべての処理はクライアントサイドのJavaScriptを使用してブラウザ内で行われます。コードがデバイスから送信されることはなく、サーバーにアップロードされることも、データが保存されることもありません。登録やアカウントは不要です。
どのテーマと背景が利用できますか？ +
8種類のシンタックスハイライトテーマ：One Dark、Monokai、Dracula、GitHub Dark、Nord、Night Owl、Solarized Dark、Tokyo Night。各テーマはキーワード、文字列、コメントなどのトークンに合わせて色が調整されています。7種類のグラデーション背景：Sunset、Ocean、Emerald、Twilight、Candy、Carbon、Transparent（背景なし）。
画像の幅を制御できますか？ +
はい。デフォルトでは、パネル幅はコードの最長行に基づいて自動的にスケーリングされます。自動幅を無効にして固定幅（300〜1200px）を設定すると、一貫した画像サイズを作成できます。固定幅を使用すると、長い行はパネルの端で自動的に折り返されます。
どのフォントが利用できますか？ +
3種類の等幅コーディングフォント：JetBrains Mono（デフォルト）、Fira Code、Source Code Pro。すべてGoogle Fontsから読み込まれます。フォントサイズは10pxから24pxまで調整可能です。
コードを画像に変換はCarbonの無料代替ツールですか？ +
はい！QuickImg コードを画像に変換は、Carbon.now.shの無料代替ツールです。シンタックスハイライト、テーマ、グラデーション背景などの同様の機能に加え、パネル幅調整、3x倍率エクスポート、クリップボードへの即時コピーなどの追加機能を提供します。すべてクライアントサイドで動作し、サーバー処理はゼロなので、初回読み込み後はオフラインでも使用できます。