imagemagick - 画像またはグラフィックマジックによる自動画像スケーリング

Question

imagemagick に依存する質問があります。たとえば、高さ 1200 ピクセルのサイズの写真を 1 つだけアップロードして、デバイスまたはブラウザの解像度に応じて、画像の高さと画像のサイズを小さくすることは可能ですか?

前もって感謝します

Answer 1

デバイスやブラウザのバージョンに応じた条件を使用できます。次の画像の高さを切り替えたいと仮定します。

• IE6の場合は600px、
• モバイル デバイスの場合は 320 ピクセル、
• 他のすべてのデバイス (つまり、通常のコンピューター) の場合は 800px

次に、テンプレート定数にこのセクションを入力します。

# for IE6:
[browser = msie] AND [version = 6]
styles.content.imgtext {
        maxH = 600
        maxHInText = 600
}
# for mobile devices:
[useragent = *iPhone*]||[useragent = *iPod*]||[useragent = *Android*]||[useragent = *OperaMini*]||[useragent = *BlackBerry*]
styles.content.imgtext {
        maxH = 320
        maxHInText = 320
}
# For all other browsers
[else]
styles.content.imgtext {
        maxH = 800
        maxHInText = 800
}
[GLOBAL]

テンプレート設定の代替ソリューション(以下で説明):

# for IE6:
[browser = msie] AND [version = 6]
tt_content.image.20.1.file {
        maxH = 600
        maxHInText = 600
}
# for mobile devices:
[useragent = *iPhone*]||[useragent = *iPod*]||[useragent = *Android*]||[useragent = *OperaMini*]||[useragent = *BlackBerry*]
tt_content.image.20.1.file {
        maxH = 320
        maxHInText = 320
}
# For all other browsers
[else]
tt_content.image.20.1.file {
        maxH = 800
        maxHInText = 800
}
[GLOBAL]

1. これらは条件のほんの一例です。より多くのアイデアについては、 TYPO3 条件リファレンスをチェックしてください。
2. モバイル デバイスの認識が で正しく機能しない場合はuseragent、拡張子cwmobileredirectを試してください。非常に信頼性の高いモバイル デバイス スイッチを提供します。
3. 画像の高さの設定方法についてです。幅 ( ) を設定すると問題なく動作するという噂を聞きましたがmaxW、高さ ( maxH) を設定すると 4.2 未満のバージョンでなぜかバグがあります。maxH で問題が発生した場合は、代替ソリューションを使用してください。