Manual:$wgResponsiveImages

This page is a translated version of the page Manual:$wgResponsiveImages and the translation is 74% complete.
Outdated translations are marked like this.
サムネイルの設定: $wgResponsiveImages
高解像度ディスプレイ向けに高解像度の画像を出力するかどうか
導入されたバージョン:1.21.0 (Gerrit change 24115; git #Id80ebd0)
除去されたバージョン:使用中
許容される値:(真偽値)
既定値:true

詳細

高解像度ディスプレイ向けに高解像度の画像を出力するかどうかです。

これが主に対象とするのは、タブレットのブラウザーや、Retinaディスプレー採用の MacBook Pro のような新しいPCならびにラップトップの一部を言います。 高解像度ディスプレイでは、ラスター画像は処理をしないままだとぼやけたりピクセル化してしまいます。

サムネイル画像を生成する際に、リクエストされたサイズだけではなくその 1.5 倍や 2 倍のサイズのサムネイルもレンダリングします。 img に含まれる HTML5 srcset 属性は、ディスプレイ機器に合わせ、これら大きな画像の表示濃度を適切に指定します。

srcset属性のネイティブサポートは最初に2013年8月にWebKitブラウザに追加されると、その後、現行のブラウザほとんどに採用され、現在 (2020年時点) では世界の全ユーザーの 94% 以上を対象にしています

既知の制限

このコードは Linker方式で作成した画像限定で適用されます:

  • article thumbnails (1.21+)
  • file: page detail displays (1.23+)
  • image galleries (1.25+)
  • the imageinfo API (1.36+)


ディスプレイの密度

現時点 (1.39 現在) では、使用している密度 (1.5 倍と 2 倍) はハードコードされており、設定では変更できません。 1 倍はメインの画像の既定の密度を意味しています。