1. 元画像をそのままブロックに配置
横幅指定なし

1920 × 1272 / 1.4MB

1920 × 1280 / 1.5MB
2. 元画像をそのままブロックに配置
ブロック内コンテンツの横幅 1020px

1920 × 1272 / 1.4MB

1920 × 1280 / 1.5MB
3. 処理済みの画像をブロックに配置
ブロック内コンテンツの横幅 1020px

1200 × 795 / 72KB

1200 × 800 / 118KB
4. 処理済みの画像を2分割ブロックに配置
ブロック内コンテンツの横幅 1020px 2等分

1200 × 795 / 72KB

1200 × 800 / 118KB
5. 処理済みの画像をSIGNでシェイプに入れて2分割ブロックに配置
ブロック内コンテンツの横幅 1020px 2等分
シェイプ 800 × 600

1200 × 795 / 72KB

1200 × 800 / 118KB
6. 処理済みの画像を2分割ブロックに配置しクリックで拡大
ブロック内コンテンツの横幅 1020px 2等分
7. 処理済みの画像を2分割ブロックに配置し、配置後にSiGNで拡大
ブロック内コンテンツの横幅 1020px 2等分

