俺はスマホ用に画像を作ったり大きくするのは基本的に反対だ。作成の手間が増えるのはもちろん、容量が大きくなって読み込みが遅くなる。モバイルフレンドリーとはとても呼べない。ターゲットとする端末にもよるが、レスポンシブなら基本的には表示するサイズでいいと思う。
メインの画像とかスライダーは2パターンつくってる。PCの画面2000pxはないけど、1200px と 768pxわたしも普通はどうしてるか気になる。
通信量的にサイズを増やすのは論外で、モバイル用には極力画像を使わないようにしてる。リクエストを減らす必要がある場合に向けてもあるけど、jsで解像度等を取得してからbase64でユーザーに合わせてAjaxで遅延ロードさせる時もある。ページビューで5Mbとかあるアパレルサイトとかはせめて圧縮転送する。
デザインカンプの横幅についてはPCが1280px、スマホは750pxかなー。タブレット対応するなら1536pxで作るかも。PCのRetinaとか、一般層は持ってない人のが圧倒的に多いし、、タブレットとスマホは日本はipad・iphoneユーザー多いから対応するのは当然だけど。
ユーザー次第だよね。
retina、フルHD、sp用に3つの解像度を用意してsrcsetで分けるかな。画面いっぱいのフルサイズだと、2000、1600、768で分けてる。PhotoshopだろうがSketchだろうが書き出しの際に複数の解像度で一気に書き出せるから、手間はそんなに増えないよ。retinaサイズは書き出しの際に画質をガッツリ落とすけど、引き伸ばしてピンぼけさせるよりは綺麗。
Re:7 一気に書き出しっていっているけど、PCとスマホサイズのデザインはわたしは変えてるなー
Re:8 アートディレクションってやつだよね。大事なところは、私もデザインかえてる
いろいろなご意見をありがとうございます。工数、パフォーマンス、ビジュアル、画面サイズの対応範囲、対応方法などなど、考慮する要素が多くて、やはり個人のポリシー次第という感じですね。
Re:8 アートボードでPCとSP分けずに別のファイルで管理してるってこと?管理の手間増えない?Photoshopでの話をすれば、バナー等はpsb化してアートボードに貼り付けていけばデータ量も抑えられて管理し易いと思うけど。
Re:10 解像度ごとに画像を用意するとリプレイスに困ったり容量に困ったりするので、結局工数…コストなんでしょうね。
Re:12 イラレで同じファイルにアートボードで分けて一気に書き出してますね~
Re:14 書き出しできてるやんw けど〜って接続詞で入ってきたら誤解するわ。
14 件の回答
俺はスマホ用に画像を作ったり大きくするのは基本的に反対だ。作成の手間が増えるのはもちろん、容量が大きくなって読み込みが遅くなる。モバイルフレンドリーとはとても呼べない。
ターゲットとする端末にもよるが、レスポンシブなら基本的には表示するサイズでいいと思う。
メインの画像とかスライダーは2パターンつくってる。
PCの画面2000pxはないけど、1200px と 768px
わたしも普通はどうしてるか気になる。
通信量的にサイズを増やすのは論外で、モバイル用には極力画像を使わないようにしてる。
リクエストを減らす必要がある場合に向けてもあるけど、jsで解像度等を取得してからbase64でユーザーに合わせてAjaxで遅延ロードさせる時もある。
ページビューで5Mbとかあるアパレルサイトとかはせめて圧縮転送する。
デザインカンプの横幅については
PCが1280px、スマホは750pxかなー。タブレット対応するなら1536pxで作るかも。
PCのRetinaとか、一般層は持ってない人のが圧倒的に多いし、、
タブレットとスマホは日本はipad・iphoneユーザー多いから対応するのは当然だけど。
ユーザー次第だよね。
retina、フルHD、sp用に3つの解像度を用意してsrcsetで分けるかな。
画面いっぱいのフルサイズだと、2000、1600、768で分けてる。
PhotoshopだろうがSketchだろうが書き出しの際に複数の解像度で一気に書き出せるから、手間はそんなに増えないよ。
retinaサイズは書き出しの際に画質をガッツリ落とすけど、引き伸ばしてピンぼけさせるよりは綺麗。
Re:7
一気に書き出しっていっているけど、PCとスマホサイズのデザインはわたしは変えてるなー
Re:8
アートディレクションってやつだよね。
大事なところは、私もデザインかえてる
いろいろなご意見をありがとうございます。
工数、パフォーマンス、ビジュアル、画面サイズの対応範囲、対応方法などなど、考慮する要素が多くて、やはり個人のポリシー次第という感じですね。
Re:8
アートボードでPCとSP分けずに別のファイルで管理してるってこと?管理の手間増えない?
Photoshopでの話をすれば、バナー等はpsb化してアートボードに貼り付けていけばデータ量も抑えられて管理し易いと思うけど。
Re:10
解像度ごとに画像を用意するとリプレイスに困ったり容量に困ったりするので、結局工数…コストなんでしょうね。
Re:12
イラレで同じファイルにアートボードで分けて一気に書き出してますね~
Re:14
書き出しできてるやんw けど〜って接続詞で入ってきたら誤解するわ。