AsepriteからDivoomへのピクセルアートのエクスポート方法

AsepriteからDivoomへのピクセルアートのエクスポート方法

GIFはAsepriteからDivoomディスプレイにピクセルアートを移す最もシンプルなフォーマットです。Asepriteのエクスポート機能を使ってスプライトをGIFとして書き出します。 ファイル > エクスポート > 名前を付けてエクスポート メニューから選択し、Divoomアプリを通じてBluetoothでアップロードすれば、数秒であなたのアートが本物のLEDパネルに輝きます。

Asepriteでスプライトを完成させたばかりです。モニター上では素晴らしく見え、色も調整され、アニメーションもきれいにループします。しかし本当に見たいのは、スクリーンショットやモックアップではなく、実際に机の上に置かれた物理的な画面で、あなたの作品がDivoomのLEDディスプレイのピクセルグリッドとして点灯している姿です。「Asepriteで完成」から「Divoomで表示」までのギャップは多くの人が思うよりも小さいですが、初めてエクスポートする人がつまずきやすいフォーマットやサイズの決定がいくつかあります。このガイドではその全工程を解説し、推測をやめて作品を見せ始められるようにします。

公式のDivoom Pixoo-64セットアップチュートリアルでは、デバイスのペアリングとDivoomアプリを通じたピクセルアートのアップロード方法が説明されています。

なぜAsepriteはDivoomと相性が良いのか

Asepriteはピクセルアートのためにゼロから作られました。ピクセル単位の作業を後回しにする一般的な画像編集ソフトとは異なり、Asepriteのツールセット全体—制限されたカラーパレットからフレームごとのアニメーションタイムラインまで—はピクセルアートという芸術形式を定義する制約に基づいて設計されています。同じ制約—限られた解像度、意図的な色の選択、そして一つ一つのピクセルの意図的な配置—が、DivoomのようなLEDディスプレイが描画するために作られているものとまさに一致しています。

こう考えてみてください:Divoomの画面は文字通りLEDのグリッドです。64x64のDivoomディスプレイには4,096個の個別のライトがあります。Asepriteで64x64のピクセルアートを描くとき、すでにハードウェアのネイティブ解像度で作業していることになります。アップスケーリングも補間も変換レイヤーもありません。Asepriteで配置した各ピクセルはDivoomのLED一つに直接対応しています。この1対1の関係が、エクスポート設定を理解すればAsepriteからDivoomへのワークフローが非常に自然に感じられる理由です。

適切なエクスポートフォーマットの選択:GIFとPNGの違い

Asepriteのエクスポートダイアログで選択するフォーマットによって、あなたのアートがDivoomデバイスで静止画として表示されるかアニメーションとして表示されるかが決まります。Asepriteの公式エクスポートドキュメントによると、ファイル > エクスポート > 名前を付けてエクスポートコマンド(ショートカット:WindowsではCtrl+Alt+Shift+S、macOSではOption+Shift+Cmd+S)を使うと、スプライトをGIF、PNG、またはPNGフレームのシーケンスとして保存できます。Asepriteは最後に使ったエクスポート設定を記憶しているので、複数のスプライトを繰り返し作成する際に便利です。

判断基準は以下の通りです:

アニメーションピクセルアートにはGIFが最適です。DivoomのアプリはGIFファイルをネイティブに読み込み、フレームのタイミングを保持し、LEDパネル上でアニメーションループを直接表示します。歩行サイクル、まばたきするキャラクター、または脈動するロゴをAsepriteで作成した場合、GIFでエクスポートするのがキャンバスから画面への最速ルートです。このフォーマットは圧縮効率が良いため、複数フレームのアニメーションでもDivoomアプリが快適に扱えるファイルサイズ制限内に収まります。

静止画にはPNGが適しています — 単一フレームのポートレート、ロゴ、装飾パターンなど。PNGは圧縮アーティファクトなしに正確なピクセルカラーを保持するため、限られたパレットで色の違いが重要な場合に役立ちます。DivoomアプリはGIFと同様にPNGのアップロードも受け付けます。

スプライトシート — Asepriteがゲームエンジン用にエクスポートできる横並びまたはグリッド配置のPNGシート — はDivoomアプリでは直接サポートされていません。UnityやGodot用にスプライトシートをエクスポートしていて、同じファイルがDivoomで使えると思っていた場合は、GIFまたは単一フレームのPNGエクスポートに切り替える必要があります。アプリは個別のフレームまたはアニメーションファイルを必要とし、パックされたシートは対応していません。

Divoomディスプレイに合わせたキャンバスサイズの調整

Asepriteのキャンバスサイズは、DivoomデバイスのLEDグリッドと一致させる必要があります。キャンバスがディスプレイ解像度より大きい場合、アプリはアートをトリミングまたはスケーリングします — スケーリング時にぼやけたアーティファクトが発生します。キャンバスが小さい場合は、アートが画面の隅に表示され、周囲に空白のピクセルができます。Asepriteのエクスポートに最適な3つのDivoomディスプレイの内訳は以下の通りです:

Divoomディスプレイ LED解像度 Asepriteキャンバスサイズ 最適な用途
Pixoo-64 64 x 64 64 x 64 複雑なシーン、キャラクターポートレート、詳細なアニメーション
Pixoo Max 32 x 32 32 x 32 中程度の複雑さのアイコン、シンプルなアニメーション、部屋の装飾
Ditoo Pro 16 x 16 16 x 16 シンプルなアイコン、絵文字スタイルのアート、ミニマルなピクセルロゴ

Pixoo-64はDivoomのラインナップで最大のキャンバスを提供します — 4,096個のLEDが64x64のグリッドに配置されています。これは認識可能なキャラクターポートレート、小さな風景シーン、または複数の動く要素を含む詳細なアニメーションに十分なスペースです。32x32や16x16で描くことに慣れていて、より詳細な表現のための余裕が欲しいなら、Pixoo-64はあなたのAsepriteスキルを本当に伸ばせる場所です。

Divoom Pixoo-64がゲーミングモニターの横にFortniteのキルカウンターを表示し、64x64のLEDパネルにカスタムピクセルアートを映し出しています。
Pixoo-64の64x64 LEDグリッドはカスタムピクセルアートとライブゲーム統計を並べて表示します。

Pixoo Maxは32x32のグリッド(1,024個のLED)で中間サイズです。部屋間の移動に十分な携帯性があり、32x32は多くのインディーゲームのスプライトで使われるクラシックなピクセルアート解像度です。Asepriteのポートフォリオが32x32のタイルやキャラクターを中心に構成されている場合、Pixoo Maxはスケーリングなしでネイティブ解像度で表示します。

Ditoo Proは16x16の最小グリッド(256個のLED)を持ちますが、レトロなキーボードデザインのBluetoothスピーカーとしても機能します。16x16の解像度はアイコンやシンプルな絵文字、ハートやスマイリーフェイス、小さなロゴの領域です。制約はありますが、これは一部のピクセルアーティストが本当に楽しむ創造的な挑戦でもあります。さらに、Ditoo Proのスピーカー機能により、ピクセルアートの表示と同時に部屋を音で満たします。

ステップバイステップ:Asepriteからのエクスポート

キャンバスを適切なサイズに設定しスプライトを完成させたら、エクスポート処理は約10秒かかります。Asepriteファイルを開き、次に進みます ファイル > エクスポート > 名前を付けてエクスポートのままにしておくべきです。エクスポートダイアログではファイル形式のドロップダウンが表示されます。スプライトに複数フレームがありアニメーションしたい場合はGIFを、静止画の単一フレームならPNGを選択してください。

保存する前に、エクスポートオプションをよく確認してください。最も重要な設定はリサイズスケールで、これは 100%。エクスポート時に拡大しないでください。Asepriteの ファイル > エクスポート ダイアログにはリサイズフィールドがあり、一部のユーザーは直感的に画像を「大きく」するために200%や500%に設定します。ポートフォリオ用のプレビュー画像をエクスポートする場合はそれで問題ありません。しかし、Divoomディスプレイにアートを送る場合、デバイスはネイティブのLED解像度でレンダリングします。500%でエクスポートすると、Divoomアプリは画像を縮小しなければならず、その縮小処理がピクセルアートを台無しにするぼやけを引き起こします。

GIFをエクスポートする際は、AsepriteのタイムラインでフレームのタイミングがDivoomで再生したい通りに設定されていることを確認してください。アプリはAsepriteがGIFファイルに焼き込んだフレーム間の遅延を保持します。アニメーションがLEDパネル上で速すぎたり遅すぎたりする場合は、Asepriteでフレームの持続時間を調整して再エクスポートしてください。

もう一つ注意点:色数は適切に抑えましょう。Asepriteはパレットごとに最大256色まで扱えますが、Divoomディスプレイは幅広い色を表示できるものの、非常に多色のパレットは小さなLEDグリッドでは濁って見えがちです。Ditoo Proの16x16ディスプレイをターゲットにするなら、16色パレットで十分です。Pixoo-64ならもう少し多くても大丈夫ですが、LEDハードウェアでは控えめな方が見栄えが良いです。

Divoomアプリへのアートのインポート

AsepriteからエクスポートしたGIFまたはPNGを用意したら、最後のステップは無料のDivoomアプリを使ってデバイスに転送することです。まだインストールしていない場合は、Apple App StoreまたはGoogle PlayストアからDivoomアプリをダウンロードしてください。

アプリを開き、Divoomディスプレイの電源が入っていることを確認します。アプリはBluetoothで近くのデバイスを検索し、リストに表示されたらタップしてペアリングします。接続後、アプリのピクセルアートまたはデザインセクションに移動します。ここでコミュニティギャラリーを閲覧したり、内蔵エディターで新しいアートを作成したり、自分のファイルをアップロードできます。

アップロードオプションを探します。通常はプラスアイコンや「アップロード」ボタンでデザインセクションにあります。AsepriteからエクスポートしたGIFまたはPNGファイルを選択してください。アプリがファイルを処理し、スマホ画面にプレビューを表示します。問題なければ、ボタンをタップしてアートをDivoomデバイスに送信します。1~2秒で、あなたのAseprite作品がLEDパネルに輝きます。

公式のセットアップガイドを参照する必要がある場合は、Divoom製品マニュアルに、デバイスのペアリング、アプリの操作方法、対応ディスプレイのトラブルシューティングが記載されています。

よくあるエクスポートの問題と解決策

ほとんどのエクスポート問題は、ぼやけたアート、サイズの誤り、色の不一致の3つに集約されます。それぞれの診断と修正方法を紹介します。

Divoomディスプレイでのピクセルアートのぼやけ。 これは最もよくある不満で、解決策はほぼ同じです:エクスポートやアップロード時に画像を拡大縮小していないことを確認してください。Asepriteでは、エクスポート時のリサイズを100%に保ちます。Asepriteコミュニティのエクスポートスケーリングに関する議論では、リサイズが必要な場合はニアレストネイバー補間を使うことを推奨しています。ピクセルをブレンドしてしまうバイリニアやバイキュービックは使わないでください。これらはピクセルアートの鮮明なエッジを壊してしまいます。Divoomアプリがアップロード時に「フィット」や「スケール」を提案する場合は、元のサイズを保持するオプションを選んでください。

アートが切り取られたり中心がずれて表示されます。AsepriteのキャンバスサイズがDivoomの表示解像度と一致していません。対象のデバイスに応じて、キャンバスが正確に64x64、32x32、または16x16に設定されているか再確認してください。例えば48x48で描いた場合、アプリはそれを無理に合わせようとし、端が切れたりアートの周りに空白ピクセルができたりします。

LEDパネルの色がAsepriteと異なって見えます。LEDディスプレイはパソコンのモニターとは異なる色域を持っています。明るく鮮やかな色はLEDで映えますが、微妙な暗い色はつぶれてしまうことがあります。Divoomでアートが色あせて見えたり暗すぎる場合は、Asepriteのパレットでコントラストを上げてみてください。最も暗い色と最も明るい色の差を大きくしましょう。また、非常に似た色合いでディテールを表現するのは避けてください。LEDパネルは数値がわずかに異なる色を区別できないことがあります。

GIFアニメーションがデバイスで再生されません。まず、ブラウザや画像ビューアで開いてGIFに複数のフレームが含まれているか確認してください。パソコンで再生できてもDivoomで再生できない場合、ファイルが大きすぎる可能性があります。フレーム数を減らすかアニメーションを簡素化してみてください。DivoomアプリにはGIFの複雑さに実用的な制限があり、非常に長いアニメーションは拒否されたり、最初のフレームだけが静止画として表示されたりします。

よくある質問

AsepriteからDivoomにアニメーションGIFをエクスポートできますか?

はい。GIFはアニメーションピクセルアートに推奨される形式です。AsepriteのスプライトをGIFとしてエクスポートしてください。 ファイル > エクスポート > 名前を付けてエクスポート、その後Divoomアプリを通じてファイルをアップロードします。アプリはフレームのタイミングを保持し、LEDパネル上でアニメーションループを直接再生します。

Divoomディスプレイにはどのキャンバスサイズを使えばいいですか?

AsepriteのキャンバスサイズをデバイスのLED解像度に合わせましょう:Pixoo-64は64x64、Pixoo Maxは32x32、Ditoo Proは16x16です。これにより、Asepriteの各ピクセルがディスプレイのLEDの1つに直接対応し、スケーリングなしで表示されます。

なぜ私のピクセルアートはDivoomでぼやけて見えるのですか?

ぼやけたアートはほとんどの場合、拡大縮小が原因です。Asepriteからは必ず100%スケールでエクスポートし、エクスポートダイアログのリサイズオプションは使わないでください。Divoomアプリがアップロード時に画像の拡大縮小やフィットを提案した場合は、元のピクセル寸法を保持するオプションを選んでください。どうしてもリサイズが必要な場合は、必ずニアレストネイバー補間を使ってください。

DivoomはAsepriteのPNGスプライトシートをサポートしていますか?

いいえ。Divoomアプリはスプライトシート(Asepriteがゲームエンジン用にエクスポートできるパックされたPNGグリッド)を直接読み込みません。代わりに、アニメーション用にはGIF、静止画用には個別のPNGフレームとしてエクスポートする必要があります。既存のスプライトシートがある場合は、Asepriteから個別のフレームを再エクスポートできます。 ファイル > エクスポート > 名前を付けてエクスポート PNGシーケンス出力のコマンド。

あなたのアートを本物のスクリーンで見てみませんか?

一度やれば簡単なワークフローです:キャンバスをデバイスに合わせて設定し、GIFまたはPNGで100%スケールでエクスポートし、Divoomアプリを通じてアップロードすれば、あなたのAsepriteアートがLEDパネルに表示されます。一番難しいのは、どのDivoomディスプレイがあなたのクリエイティブスタイルに合うか選ぶことです。

詳細なスプライト、キャラクターポートレート、多要素のシーンを扱うなら、Pixoo-64が最も多くのピクセルを提供します。64x64のグリッドはDivoomラインナップで最大のキャンバスであり、デュアルバンドWiFiにより、アート表示の合間にソーシャルメディアカウンターやスマートウィジェットを接続して使えます。

持ち運びやすく、それでいて細かいディテールも表現したいですか?Pixoo Maxは32x32のグリッドで、解像度とサイズのバランスが絶妙です。ピクセルアートディスプレイをBluetoothスピーカーとしても使いたいなら、シンプルなアイコンや絵文字にぴったりの16x16キャンバスを持つDitoo Proがレトロな魅力と音をデスクに届けます。

すべてのディスプレイはSmart Pixel Displaysコレクションページで比較できます。また、デバイスが届いたら製品マニュアルで詳細なセットアップ手順を確認してください。

アルパイン・ノスタルジアの秋のインテリア:壁や棚に飾れるピクセルディスプレイ Alpine Nostalgia Fall Decor アルパイン・ノスタルジアの秋のインテリア:壁や棚に飾れるピクセルディスプレイ アルパイン・ノスタルジア――温かみのある木材、ざっくり編みのニット、ヴィンテージロッジの趣が特徴――は、2026年秋のリビングルームのトレンドとしてひときわ注目されています。... Divoomのデバイスには充電ケーブルが付属していますか? Desk Setup Divoomのデバイスには充電ケーブルが付属していますか? Divoomのすべてのデバイスには、USB充電ケーブルが同梱されています。ここでは、同梱品の内容、公式の予備ケーブルを用意するのが適している場合、そしてサードパーティ製ケーブ... Divoomディスプレイ用のピクセルアートフォントのデザイン方法 custom pixel font Divoomディスプレイ用のピクセルアートフォントのデザイン方法 Divoomディスプレイ用のカスタムピクセルアートフォントのデザイン方法を学びましょう。タイポグラフィの基本、ツールの選び方、キャンバスサイズの設定、Pixoo-64、Tim...
ブログに戻る