私は画像をアップロードするためのレールアプリケーションでクリップを使用しています。 イメージのサイズを変更するオプションがあります。Railsペーパークリップの画像サイズはデバイスのサイズに依存
has_attached_file :photo, styles: {large: '1000x1000>', medium: '500x500>'}
iPadやフルHDのような大型のデバイスでは大きな画像を撮影することは可能ですか？
私はそのようなイメージを実装しています：
<div class="teaser" style="background: url(<%[email protected]_url %>)"></div>
あなたは、このための2つのオプションがあります。
オプション1では、ペーパークリップ設定のdynamic styles option。
私は現在の雇用主にImgixを使用しています。私たちにとっては驚くほど良い選択でした。あなたが持っている最大の画像をS3にアップロードし、GETパラメータを使用してそのサイズを制御します。 httsp://yours3bucket.imgix.com/yourfolder/yourimage.png?width=205&height=354&hue=158これは、あなたがあなたが望む解像度についてあなたの心を変えて、あなたのHTML内のパラメータを変更するだけでImgixがそれをソートするならば、異なるサイズでそれらを再生成する必要がないので、画像を将来的に校正するという大きな利点があります。画像を切り抜き、色のバランスを変更するなど、ダイナミックエフェクトの負荷をかけることもできます。欠点はコストがかかりますが、ユースケースに応じて、これは非常にコスト効率が良いことです。
いずれにしても、正しいサイズの画像を使用するようにブラウザに指示する必要があります。私はこれを行うにはsrcsetを使用することをお勧めしますが、IEはまだそれをサポートしていません。その間にThis polyfillは良いオプションです。