アプリで利用する画像について - クックパッド開発者ブログ

ユーザーファースト室のhidaka（@kaa）です。 クックパッドアプリ内では元々同じレシピの画像を画面、環境によって様々なサイズで表示しています。 レシピの検索結果でのサムネイルや、レシピ詳細画面、写真の拡大表示時などなど。 その際、端末の解像度にあわせ無駄のないよう、表示領域にあわせて画像をリクエストしていました。 *画像配信にはtofuという配信システムが稼働しています http://www.slideshare.net/mirakui/ss-8150494 これでそれぞれの端末にあわせた画像を配信していましたが、今年あたりからさらに最適化が必要になってきました。 問題1 画面密度の上昇 端末のスペックが上がることにより、１インチあたりのピクセル数が増加しました。 retinaと言われていたiPhone 5で326dpiだったのが去年あたりからの高解像度端末の幅1440pxの機種(a

[smbd]

なるほどー、なんだけどレシピって家でWiFiで見るのでデータ転送量とか帯域をあんまり気にしなくてもいいのでは？と疑問が

[teppeis]

近年の国内モバイル通信環境の変化とそれに合わせた画像の最適化。iPhone 5の画面密度を基準にした話。

[gayou]

webpを使っているのか。

[masayoshinym]

[UI/UX][アプリデザイン][デザインテク]

[diveintounlimit]

こうやってまとめてもらって見てみると、日本のモバイル通信インフラ後退してるよね・・・

[clavier]

アプリで利用する画像について - クックパッド開発者ブログ

[birdtomita]

一覧ページのサムネイルとテキストを流用して詳細ページを高速化 ってのは、うちもだいぶ前から取り入れてます。あとはwebpだな。この画像配信システム見てみよ。

[masa-wo]

「iPhone 5の画質を採用」

[inouetakuya]

"webp対応を行うとさらに3割ほど削減できるので、元々のサイズから6割程度の通信量削減となります"

[gfx]

端末に最適化した画像だと低速MVNOで辛いからそのへん踏まえて最適化すると。なるほど。