EthereumにおけるオンチェーンSVG NFTの多様性

NFTはブロックチェーン上で唯一のアイテムを表現し、各アイテムはメタデータやビジュアルへのURIによって識別されます。URI形式には、HTTPによるコンテンツリンク、IPFS（ハッシュベース）アドレス、インセンティブ型ホスティングのArweave、および参照自体に全情報を格納するデータURIなどがあります。特にデータURI方式は、NFTコンテンツを完全オンチェーンで保存し、外部インフラに依存しない永続性を実現する手法として急速に普及しています。SVG形式は、ブラウザでのネイティブ対応とスマートコントラクトのストレージ効率から、オンチェーンNFTのビジュアル表現として選ばれており、Ethereum SVG NFTはデジタル資産の永続性を担保する堅牢なソリューションとなっています。

SVGオンチェーンとは

Ethereumブロックチェーンでは、コードをネットワークにアップロードする際にガス料金の支払いが必要です。状態変更操作にはトランザクションと費用がかかりますが、参照のみの操作はガス不要です。オンチェーンSVG NFTの表示時、スマートコントラクトはtokenURI()関数を呼び出して画像を動的生成します。この関数は状態を変更せず、現状に応じて画像を生成するためガスコストは発生しません。このオンデマンドレンダリング方式は、多くのオンチェーンSVGプロジェクトの基盤となっています。Neolasticsなどのプロジェクトでは、ミント時の一意なIDをジェネレーティブ関数に入力し、安定したSVG出力を生成することで再現性と動的な創作性を両立しています。技術課題として、ガス効率を高めたプログラミングでトランザクション制限内にコードを収める「ガスゴルフ」が求められています。

Avastars

AvastarsはNFTのオンチェーンSVG手法を先駆的に導入しました。当初はHTTPメタデータサーバーを参照していましたが、getAvastarMetadata()関数やAvastarsTeleporterコントラクトのrenderAvastar()関数により、SVGとメタデータの完全なオンチェーン再現が可能です。外部サーバーが停止してもコンテンツ保存性を確保します。Avastarsは、SVG画像を様々な特性を連結して生成します。これらの特性はスマートコントラクトにSVGパーツとして保存され、ブロックチェーンデータから直接アートワークを完全再構築できます。

Squiggly.WTF

SquigglyはAvastars同様のハイブリッド構成を採用し、HTTPメタデータサーバーとgetIdtoSVG()関数によるオンチェーン再現性を兼ね備えています。Avastarsが特性を個別に格納するのに対し、Squigglyは契約展開時にSVGコード全体をアップロードします。レンダリングではシード値からグラデーションやカーブを生成し、トークンごとに独自のビジュアルが生まれます。Squigglyは「image_data」という非標準メタデータフィールドを導入し、マーケットプレイスのデータURIレンダリング対応が普及する前に主要NFTプラットフォームで採用されました。

Neolastics

NeolasticsはSquiggly同様の構造を持ち、オフチェーンメタデータサーバーとオンチェーンアートワーク再現性を両立しています。generateSVGofTokenById()関数によってSVG画像を直接生成でき、メタデータサーバー障害時にも耐性があります。SVGパーツは契約展開時にアップロードされ、シード値で再構成されます。従来型メタデータサーバーによる利便性と、完全オンチェーン再現性のセキュリティを両立させたアプローチです。

TinyBoxes

TinyBoxesは、アニメーションSVG要素を取り入れ、静的画像以上の表現を実現しています。tokenArt()関数でカスタムレンダリングを行いながら、オフチェーンメタデータサーバー構成を維持します。特性メタデータはオンチェーンではなく、SVG画像内にHTMLタグとして埋め込まれているのが特徴です。アニメーションはランダムシードから生成され、より複雑な表現を可能にします。Solidityの文字列操作制約に対応するため、SVG.solによる抽象化レイヤーでレンダリングとアニメーション生成を効率化しています。

Mandalas

Mandalasは、HTTPメタデータサーバーを完全に排除し、JSONメタデータとbase64エンコードSVG画像をデータURIに格納する革新的なアーキテクチャを採用しています。base64エンコードにより特殊文字の安全な取り扱いとブラウザ互換性を確保し、ガスコストは増加するものの完全なデータURIデコードによる作品表示が可能です。Mandalasは独自のレンダリングシステムで、base64エンコードされたピクセルをマンダラ構造上に描画し、手続き型生成による幾何学的アートを創出します。

UniSwap V3 NFTs

UniSwap V3 NFTは、高度なアニメーションと完全オンチェーンストレージをbase64エンコードで組み合わせています。データURIにbase64エンコードJSONメタデータ、その中にSVG画像をネストして格納し、NFTマーケットプレイスで広く対応されています。複雑なレンダリングはNFTDescriptor.solやNFTSVG.solなど別契約に分離し、Solidityの文字列操作制約に対応しています。アートワークには金融ポジション由来の要素も含み、オンチェーンSVGによる動的状態の可視化を実現しています。

Anchor Certificates

Anchor Certificatesは、全メタデータとSVGをbase64エンコードしたデータURIでオンチェーン保存する完全オンチェーン型アーキテクチャです。SVGコンポーネントを個別関数に分離し、Solidityのコールスタック制限を回避して計算ステージごとに変数を整理できるようにしています。モジュール化により、複雑なアート生成をブロックチェーン上で可能にし、完全なオンチェーン可用性を保っています。

Blitmap

Blitmapはオフチェーン画像・メタデータ保存の従来型アーキテクチャですが、カスタムレンダリング関数によるオンチェーン再現性を備えています。mintOriginal()やmintVariant関数で268バイトのピクセルデータをSVG矩形集合としてエンコードし、各バイトがピクセル情報となって視覚的なrect要素に変換されます。これにより、イメージデータを圧縮しつつ完全なオンチェーン再現性を実現しています。

Nouns

Nounsは複数の先行技術を融合し、すべてのメタデータとSVGをbase64エンコードでオンチェーン保存、UniSwap V3のような分離ディスクリプタ契約や、Avastars・Blitmapの特性ベースエンコードも採用しています。類似色領域を個別ピクセル矩形でなく単一SVG矩形にまとめることで、出力サイズを大幅に削減しながら視覚的な精度も維持しています。効率的なオンチェーンアートエンコードのイノベーションを示す事例です。

solSeedlings

solSeedlingsは再現性を重視したハイブリッド型で、データURIに理想的でない特殊文字も含みますが、十分なオンチェーン要素によりアートワーク再現性を担保しています。レンダリングにはコレクション固有のシードベース乱数が使われ、多様なアプローチをオンチェーンSVGエコシステムにもたらしています。

まとめ

オンチェーンSVG NFTは、技術的制約やガス効率、永続性のバランスを追求しながら様々なアーキテクチャで進化してきました。Avastarsの特性連結、Mandalasの完全データURI実装、Blitmapのピクセルエンコード、Nounsの矩形グループ化など、各プロジェクトはオンチェーンでの保存・描画技術の革新を続けています。「完全オンチェーン」の定義は議論の余地もありますが、これらの試みはEthereumの不変インフラを活かし、美しく堅牢なデジタルアートを生み出しています。Ethereum SVGは永続的なデジタル創作の標準となりつつあり、今後も新しいフォーマットやエンコード法によるアートの進化が期待されます。技術的挑戦であると同時に、ブロックチェーン上の制約が創造力を刺激し、ガス最適化がエンジニアリングとアート両面の鍛錬となっています。

FAQ

EthereumスマートコントラクトでSVG画像を生成・保存する方法

外部リソースのリンクではなく、SVGデータをスマートコントラクト内でオンチェーンに直接エンコードして保存します。tokenURI関数はSVGデータを含むJSONを返し、ブラウザ上で表示可能です。この方法でデータの完全性を守り、外部依存のない動的SVG NFTが実現します。

Ethereum SVGとNFTの関係、およびSVGによるオンチェーンNFTアートの作成方法

SVGは視覚要素を直接ブロックチェーンにエンコードできるため、独自のオンチェーンNFTアート制作が可能です。SVGファイルはNFTメタデータの一部として保存でき、アルゴリズムで構成要素を組み合わせることで、プログラム可能で拡張性の高いデジタルアートが生成できます。

EthereumチェーンでSVGグラフィックを作成する際のセキュリティ対策

SVGファイル内に悪意のあるJavaScriptが含まれることでXSS攻撃が発生し、ユーザーウォレットが危険にさらされるリスクがあります。SVG入力のバリデーション、メタデータのサニタイズ、安全なレンダリングライブラリの利用など、インジェクション攻撃への対策を徹底してください。