コンテンツにスキップ

📸 コードスクリーンショット

コードを貼り付けて言語・テーマ・背景グラデを選択 → きれいな PNG スクリーンショットを生成。SNS シェア・記事のヘッダー画像に。

✅ 完全無料・登録不要・コードはサーバーに送信されません

🔒 プライバシーについて

example.js

📖 使い方

  1. 1
    コードを貼り付け
    テキストエリアにコードを貼り付けます。
  2. 2
    言語・テーマ・背景を選ぶ
    シンタックスハイライトと配色がプレビューに即反映されます。
  3. 3
    PNG として保存
    ダウンロードボタンで PNG を保存。クリップボードにもコピー可能。

❓ よくある質問

コードはサーバーに送られますか?
いいえ。highlight.js と html2canvas を CDN から読み込み、ブラウザ内のみで処理します。
対応言語は?
JavaScript / TypeScript / Python / Go / PHP / Ruby / Bash / JSON / HTML / CSS / SQL に対応。highlight.js が自動検出も行います。
生成画像の解像度は?
プレビューと同じピクセル比 (Retina ディスプレイでは 2x) で書き出されます。