【WhatYa】Slider、image、Cardの推奨サイズは？
WhatYa V1
質問
SliderやimageやCardはどのくらいのサイズの画像を用意すれば良いですか？
解決策
一般的なデバイスのCSSピクセルサイズと、画像の推奨サイズについては、以下のとおりです。
| 横 | 縦 |
|---|---|---|
iPhone 12 mini CSSピクセル | 360 | 780 |
iPhone 12 mini 比率 | 9 | 19.5 |
iPhone 12 CSSピクセル | 390 | 844 |
iPhone 12 比率 | 9 | 19.5 |
iPhone 12 Pro CSSピクセル | 390 | 844 |
iPhone 12 Pro 比率 | 9 | 19.5 |
iPhone 12 Pro MAX CSSピクセル | 428 | 926 |
iPhone 12 Pro MAX 比率 | 9 | 19.5 |
Mac book Air CSSピクセル | 1,280 | 800 |
Mac book Air 比率 | 16 | 10 |
WhatYa画像サイズ（比率3：2での推奨） | 780pixel～1560pixel | 520pixel～1040pixel |
WhatYa画像サイズ（比率16：9での推奨） | 960pixel～1920pixel | 540pixel～1080pixel |
WhatYa画像サイズ（正方形での推奨） | 540pixel～1080pixel | 540pixel～1080pixel |
※WhatYaの仕様として、チャットウィンドウの縦横比率が変わると、表示されている画像のサイズも自動変更されます。
※あくまで推奨サイズであり、環境によって適切なサイズに合わせてご利用いただくことを前提として記載しております。
適切な表示ができない場合はCSSでサイズを調整していただくことを推奨いたします。
CSSでのサイズ調整記事については、以下をご確認下さい。
Classやidが存在していない場所を変更したい場合はWhatYaヘルプセンターへご相談下さい。