開始

コード画像ツール

HTML + CSSコードを美しい画像に変換

シンタックスハイライトと複数のエクスポートスタイルを備えたWYSIWYGライブプレビューで、エレガントなコード共有を実現

リアルタイムプレビュー

書いてすぐ見る - コード効果のリアルタイムレンダリング

コードエクスポート

コード自体を高品質な画像としてエクスポート

結果エクスポート

レンダリングされた結果を画像として保存

強力な機能

開発者とデザイナーのために

複数のスタイル

デフォルト、カード、macOS、ターミナルの4つの異なるエクスポートスタイルをサポート

シンタックスハイライト

完全なHTMLとCSSのシンタックスハイライトをサポート

WYSIWYG

エクスポート画像はページ表示効果と完全に一致

ワンクリックエクスポート

高品質のPNG画像を瞬時にダウンロード

使い方

コード画像を生成するための3つの簡単なステップ

1

コードを書く

エディターにHTML + CSSコードを入力

2

ライブプレビュー

リアルタイムのレンダリング効果を確認し、適切なエクスポートスタイルを選択

3

ワンクリックエクスポート

エクスポートボタンをクリックして高品質のPNG画像をダウンロード

あなたのコードをもっと素晴らしく

この強力なコード画像ツールを今すぐ体験し、共有をもっとエレガントに

無料で使い始める