Learning site for website creation

XD:画像書き出し「2x」指定で画像サイズが半分になってしまう

  • 投稿日:2020年09月25日

AdobeXDで画像を書き出す際に下記画面が表示されます。

「書き出し設定」で「Web」を選択すると「デザイン倍率」から「1x」「2x」を選択できます。

この「1x」「2x」はXDでデザインしているアートボードを等倍(1x)で作成しているか、Ratinaを念頭に2倍サイズで作成しているかの指定になります。

XDのアートボードは基本的に等倍なので「1x」を選択して書き出します。

間違いやすい点

Ratina対応なので「2x」と思って選択すると、「1x」用の画像が実際に使用するサイズの半分で書き出されてしまうので注意です。