LoginSignup
1
1

More than 3 years have passed since last update.

画像サイズについて

Last updated at Posted at 2020-07-28

<Navigation Drawerに表示するヘッダの画像サイズについて>
Navigation Drawerの幅は240〜320dpにすべき
https://qiita.com/nein37/items/6c57fe5ec94a7914872c

<画像サイズについて>
Androidにおいて、一般的なスマートフォンの横幅は320-384dp
xxxhdpi  640dpi以下で作成
xxhdpi   480dpi以下で作成
xhdpi   320dpi以下で作成
hdpi  240dpi以下で作成
mdpi    160dpi以下で作成

iOSにおいて、320pxはiPhone 3GS非Retinaの画面幅いっぱいのサイズ
->Retinaはそこから倍数だったが、途中から中途半端になってきた
(iPhone 4 ~ 5sまでは Retinaで = 640)
https://qiita.com/Yuta/items/98b9ea2739718b9184de
https://backapp.co.jp/blog/11573/#Android_dp_iOS_Retina
https://www.webtech.co.jp/blog/optpix_labs/6915/

<例:320dpの画像を作成依頼するとき>
幅320dpで指定。高さはお好み

1dp=
mdpi:1px
hdpi:1.5px
xhdpi:2px
xxhdpi:3px
xxxhdpi:4px

なので、横幅320dpの画像が欲しい場合は以下で作成する

320px x 高さ任意
->【Android】mdpiで使用【iOS】非Retina端末で使用
480px x 高さ任意
->【Android】hdpiで使用
640px x 高さ任意
->【Android】xhdpiで使用【iOS】@2xで使用
960px x 高さ任意
->【Android】xxhdpiで使用【iOS】@3xで使用
1280px x 高さ任意
->【Android】xxxhdpiで使用

<背景を透明にし、不要な背景部分をカットし、画像サイズを変える>

背景を透過にする->pngに変換される
https://qiita.com/na1412/items/90a9641d9644e1bfbb49

トリミング(不要な背景を削除)
http://www.mac-beginner.com/77.html

画像サイズを変える(解像度も変えられる)
https://www.fusenhonpo.com/submit/popup_mac.html
->@x2@x3が必要なので、@x3の「幅」を3/2の長さで指定してやれば良い

反転はプレビュー.appで行う。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1