3

私は現在、画像を集約するWebサイトを持っていますが、問題はそれらの画像が非常に大きいことです。小さいサイズで表示すると、それでも多くの計算を消費します。

要素にスムージングするだけでなく、実際に縮小されたサイズ/品質を強制する方法について興味があり<div>ます。

これが問題の私のサイトです。画像を作成すると「ラグ」が発生することがわかります：http： //newgameplus.nikuai.net/TEST/index.html

timthumb.phpを使用して画像のサイズを変更していましたが、ホストが何らかの理由でそのスクリプトを許可していません。

4

2 に答える 2

1

これを行う最良の方法は、ある種の画像リファクタリングサービスを使用することです。

ffmpegとimagemagikを使用して、画像のサイズをその場で変更し、ビデオから任意のサイズのサムネイルを生成する独自のサムネイルを作成しました。結果をmemcacheして、後続のリクエストを非常にスッキリさせます。また、「サイズに関係なく、素敵なサムネイル」を目的とした、顔検出や画像エントロピーを使用した自動スポット検出などの興味深い追加機能があります。

このようなサービスの例はsrc.sencha.ioです。このサービスのドキュメントはここにありますが、以下に重要な部分を含めました。

画像サイズを指定する

<img src='http://src.sencha.io/320/200/http://yourdomain.com/path/to/image.jpg'
     alt='My constrained image'
     width='320'
     height='200' />

これにより、画像（http://yourdomain.com/path/to/image.jpg）が取得され、サイズ変更サービスが実行され、320x200バージョンの画像が返されます。ただし、このサービスを使用して重力/興味のあるポイントを設定することはできません（私が知る限り）。

このサービスを使用して、フォーマットの変更、dataurlのサイズ変更、パーセンテージサイズ変更の実行、およびサイズ変更サービスを使用して、画像を要求しているユーザーエージェントの幅/高さを検出することもできます。

Web上で利用可能なそのようなサービスはたくさんあります。

于 2012-06-27T12:05:28.387 に答える
0

私はスラッシュに同意します：それは画像がどのようにサイズ変更されているかに依存します。私がサイトに対して行うことの1つは、フォトショップ（またはGIMP）を使用して、画像を使用しているページに必要な正確なサイズに画像のサイズを変更することです。次に、画像自体の幅と高さの属性にも同じサイズを含めます。

さらに、別のファイル拡張子で画像を保存する場合は、写真編集ソフトウェアを使用して画像のサイズを確認できます。（特にjpegファイルとpngファイルを使用して）photoshopを使用すると、品質が低下し、ファイルサイズが小さくなります。ページの読み込みを高速化します。

于 2012-06-27T11:36:12.560 に答える