Adobe XDでの画像の書き出し方法は、ほかのAdobeツールとは異なる点がいくつかあります。 今回はコーディングに移行する前の画像の書き出し方法についてご紹介していきます。 【参考】【AdobeXD】デザインカンプを作るときの基礎講座 (前回の記事でカンプ作成の基礎講座を紹介しているので、ぜひご覧ください!) XDの画像の書き出し形式 PNG 書き出しサイズ: 0.5x、1x、1.5x、2x、3x、4x、Web(1xおよび2x)、iOS(1x、2xおよび3x)、Android(選択したアセットの書き出し倍率:ldip、mdip、hdpi、xhdpi、xxdpiおよびxxhdpi) 書き出しサイズの選択肢はさまざまですが、後のコーディング作業を踏まえてWeb用のサイズを複数書き出すことができます。 例えば「Web」で書き出した場合、画像サイズとファイル名には下記のような特徴があります。