HOME > 画像サイズテスト

画像サイズテスト

BiNDに配置された画像がどのように圧縮処理されるかを確認します。

元の画像は、写真ACからダウンロードしたLサイズ画像です。
5760 × 3840というサイズで12.9MBもある大きなデータです。高解像度デジカメで撮影した画像をそのまま使うような時、実際このようなサイズのデータもあるためあえて大きな画像でテストしています。
 

  1. ブロックの横幅を指定していないブロックにそのまま配置
  2. ブロックの横幅を指定せずに2段にしたときの画像処理
  3. ブロック内コンテンツの横幅を1020pxに指定したブロックにそのまま配置
  4. ブロック内コンテンツの横幅を1020pxに指定し、ブロックを2段にしたときの画像処理
  5. ブロック内コンテンツの横幅を1020pxに指定し、ブロックを3段にしたときの画像処理

 
2017.09.27 BiND9での動作確認

ブロックの横幅を指定していないブロックにそのまま配置


3000 × 2000 4.4MB にリサイズされて「_src/25828」フォルダにアップロードされました。

ブロックの横幅を指定せずに2段にしたときの画像処理

 
画像としては別の画像として管理されますが、サイズは同じでした。
3000 × 2000 4.4 MB 「_src/25832」にフォルダにアップロードされました。
 

ブロック内コンテンツの横幅を1020pxに指定したブロックにそのまま配置


3000 × 2000 4.4MB にリサイズされて「_src/25836」フォルダにアップロードされました。
ブロックの横幅によって画像がリサイズされることはないようです。

ブロック内コンテンツの横幅を1020pxに指定し、ブロックを2段にしたときの画像処理

 
画像としては別の画像として管理されますが、サイズは同じでした。
3000 × 2000 4.4 MB 「_src/25840」にフォルダにアップロードされました。
 

ブロック内コンテンツの横幅を1020pxに指定し、ブロックを3段にしたときの画像処理


上記と同じ画像を、出力サイズをPC:800px、スマホ620pxに指定
 

3000 × 2000 4.4MB

4685 × 3123 2.3MBの画像を「サイズ:自動調整」で配置
 

3000 × 1999 489KB

3072 × 2048 1.3MBの画像を「サイズ:自動調整」で配置
 

3000 × 2000 1.7MB