透明なレイヤーにマージすることで小さな写真のサイズを変更する

Question

私は歴史的写真をいくつか使っていますが、標準サイズはありません。サイズ変更によって多くの人がぼやけて見えるため、正しく拡大縮小されません。これらはブートストラップのカルーセルの中にあります。したがって、高さが同じでない場合は、ジャンプしたページが表示されます。だから、元のサイズをそのままにして、それを透明なレイヤー、つまり正しいサイズにマージするのはいかがでしょうか？

私は、透明性を確保するためにJPGをPNGに変換する必要があることを知っています。そのようなアプローチが必要なことをすれば、イメージを一定の縮尺で保持し、依然としてページ全体を応答可能に保ちます。

たとえば、メインイメージが700x300で透明イメージが800x600の場合、マージは800x600で "fill"は透明になります。あるいは、これを行うための全く別の方法がありますか？

おかげで、

デイブ

Answer 1

このアイデアは、作業を行いますが、私の考えを洗練しました。私が多くの記録を保存するためにやったのは、画像を保持するDIVに必要なサイズの透過的な画像を作ることでした。これはすべてのものを最小限のバウンスで保つ必要があり、それは修正するのが簡単なキャプションからのものです。

Bootstrapスライダーでこれを行う方法については、多くの場所で多くの記事がありましたので、ここでは簡単な別のアプローチです。クリアな背景にしたい場合は、PNGにしてください。色の背景が必要な場合は、その色をJPG、GIF、またはPNGにすることができます。アプローチは合理的に聞こえる

デイブ