web-dev-qa-db-ja.com

品質を損なうことなく200%までズームできるiPadの可能な限り最小の画像が必要

現在、私は132dpiのPNGファイルで2048x1546の画像を使用しています。見た目は素晴らしいですが、ファイルサイズが巨大です。

寸法とファイルサイズの両方でこのような大きな画像を回避するためのヒントはありますか? (主にここで心配するファイルサイズ...)

3
Paul

IPadの画面は1024 x 768なので、ピクセレーションなしで200%ズームで画像を表示するには、2048 x 1546の画像が必要になります。

可能な解決策:

  1. 高いズーム値のピクセル間で補間を行う画像ビューアを見つけるか、書き込みます。画像はピクセル化されませんが、ぼやけます。

  2. 画像の圧縮率を上げます。これにより、「ドライブ」で使用するスペースが削減されますが、表示するために圧縮解除する必要があります。

  3. 最も高いズーム率でピクセレーションを受け入れ、より小さい画像サイズを選択します。

  4. 解像度の異なる複数のバージョンの画像を用意し、高解像度の画像をチャンクに分割して、表示できるビットのみを表示します。 @ Anders が彼の答えで指摘しているように、これはDeep Zoomタイプのテクノロジーで何が起こるかです。

大きな画像から得られる品質と、使用するメモリの量とのバランスを取り、許容できる妥協点を見つける必要があります。

iPad仕様

4
ChrisF

おそらく Seadragon Ajax を使用できます。これはSilverlights DeepZoomのJavaScript実装です。

Seadragon Ajaxの満足度を取得

2
loraderon

PNGファイルを使用する必要がありますか? JPGは、本質的に写真である場合、かなり圧縮できます。

2
DA01

画像のサイズを小さくする方法はわかりませんが、PNG画像のファイルサイズを小さくするのは簡単です。

  1. 色の数を減らします-これは最大の影響を及ぼしますが、画像によっては、同様に画像品質に大きな影響を与える可能性があります(たとえば、お気に入りの画像エディターで画像を開き、ポスタリゼーション効果を実行して保存します)。

  2. 不要な情報を削除して圧縮を改善します-私の実験からそれを行う多くのプログラムがあります [〜#〜] pngout [〜#〜] が最も効果的で、これは画質に影響しません。

他にもできることはたくさんありますが、私の経験からすると、これら2つは、小さな作業で大きな改善が得られる場所です。

また、これらはファイルサイズを縮小することを知っておく必要があります。これは、画像を表示するために必要なメモリ量を削減することを意味するものではありません(ほとんどの場合、縮小されません)。

1
Nir