株式会社マイティーエース- MightyAce Inc.

資料請求

お問い合わせ

運用型広告

Google・Yahoo!のリスティング広告はもちろん、Facebook・Instagram・LINE・XなどのSNS広告も運用が可能です。

マンガ制作

WEBマンガを中心に、LP・バナー・SNSなど、お客様の商品(サービス)の魅力を伝える完全オリジナルのマンガを制作いたします。

Webページ制作

ページに訪れるユーザーの目的と興味を引く、お客様一人一人のニーズに合わせた完全オリジナルのWebコンテンツを制作いたします。

アクセス解析

精度を高めつつ分析⇒改善のサイクルを回し続け、意思決定に繋がるレポーティングで売上最大化のお手伝いをいたします。

Web制作

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

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

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

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

 

間違いやすい点

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

 

例)幅200px 高さ200pxの画像を書き出した場合

デザイン倍率:1x を選択

◇形式:PNG 書き出し設定:Web デザイン倍率:1x(通常モニタを基準に等倍でデザインを作成している場合)

 

通常モニタ用画像

〇〇.png:幅200px 高さ200px で書き出される

 

Retinaモニタ用画像

〇〇@2x.png:幅400px 高さ400px で書き出される
(スマホ用画像はRetina対応させるため2倍サイズで書き出される)

 

デザイン倍率:2x を選択

◇形式:PNG 書き出し設定:Web デザイン倍率:2x(Retinaモニタを基準に2倍サイズでデザインを作成している場合)

 

通常モニタ用画像

〇〇.png:幅100px 高さ100px で書き出される
(通常モニタ用画像はRetinaサイズの半分で書き出される)

 

Retinaモニタ用画像

〇〇@2x.png:幅200px 高さ200px で書き出される

 

まとめ

書き出した画像がなんか変と感じたら、設定を見直してみよう!

Request Materials資料請求

資料請求

Webマーケティングにおけるパフォーマンス改善のための資料がダウンロードできます。

  • web広告の改善事例が知りたい方
  • 現在お願いしている代理店との比較をしたい方
  • サービスの全体像・料金を知りたい方