2

高解像度の画像があり、ユーザーがモバイルで表示したい場合のように、ユーザー画面のサイズに基づいてクライアントに画像を配信したいのですが、代わりにフルHD画像を送信したくありません縮小した画像をユーザーのデバイスのサイズに合わせて送信したいのですが、これにより低帯域幅のデバイスでの読み込み速度が向上します

これに対する解決策がここ

にあります。AdaptiveImagesは、訪問者の画面サイズを検出し、Webページの埋め込みHTML画像のデバイスに適した再スケーリングされたバージョンを自動的に作成、キャッシュ、および配信します。これは、レスポンシブデザインでの使用と、Fluidとの組み合わせを目的としています。画像技術。（与えられたリンクから）

php＆ベースのサーバー向けのこの種apacheのソリューションがありますが、rubyベースのサーバーを備えたWebアプリケーション向けのソリューションはありますか？かもgemしれません...ありがとう

4

2 に答える 2

5

メディア クエリは、CSS 背景画像でのみ機能します。

ちなみに、Adaptive-Images のようなソリューションの実装はそれほど難しくありません。

Web サーバーの代わりに画像を動的に提供するだけで、適合した画像をキャッシュしてプロセスを高速化し、リソースの浪費を回避します。

要求しているデバイスの解像度を保持する Cookie の値に応じて、画像のサイズが変更され、キャッシュされます。

Rails を使用しているとして、次の手順を実行します。

  1. この JavaScript 行を<head>レイアウトのセクションに追加します。

    <script>document.cookie='resolution='+Math.max(screen.width,screen.height)+'; path=/‘;</script>

  2. AdaptiveImagesControllerアクションで を追加しadapt_and_serveます。

  3. adapt_and_serveすべてのリクエストに対応するファイルを読み取り/キャッシュ/適応させて (遠い未来の有効期限ヘッダーで) 提供します。

  4. routes.rb適応が必要な画像リクエストをキャッチして AdaptiveImagesController#adapt_and_serve にルーティングするルールを追加します。

于 2013-02-28T04:06:48.377 に答える
-1

奉仕することに特別なことは何もないと思いますadaptive images。フロントエンドの設定方法によって異なります。media queriesユーザーの画面サイズを解決し、画像サイズを決定するために使用します。Rails フレームワークは、目的に合わせて確実に使用できます。Rails で問題なく動作するレスポンシブ デザインの実装は数多くあります。Twitter Bootstrapは有名なものです。

于 2013-01-11T20:03:05.180 に答える