pukiwiki1.5/ref.inc.php の履歴(No.3)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• pukiwiki1.5/ref.inc.php へ行く。
  • 1 (2023-11-21 (火) 23:38:24)
  • 2 (2024-12-29 (日) 17:37:15)
  • 3 (2024-12-30 (月) 00:25:26)

---

ref.inc.php#

埋め込んだ画像を lazyload対応にする#

• ref.inc.php を編集する
  • loading="lazy" を追加する

- $params['_body'] = "<img src=\"$url\" alt=\"$title\" title=\"$title\" $info/>";
+ $params['_body'] = "<img src=\"$url\" alt=\"$title\" title=\"$title\" loading=\"lazy\" $info/>";

webp形式を埋め込めるようにする#

• 実例 game/baba_is_you

.htaccess に追記#

これは不要かも？

## Webp Image
AddType image/webp .webp

plugin/ref.inc.php の変更#

変更前#

define('PLUGIN_REF_IMAGE', '/\.(gif|png|jpe?g|swf)$/i');

$got = @getimagesize($ref);
	if (! isset($got[2])) $got[2] = FALSE;
	switch ($got[2]) {
	case 1: $type = 'image/gif' ; break;
	case 2: $type = 'image/jpeg'; break;
	case 3: $type = 'image/png' ; break;
	case 4: $type = 'application/x-shockwave-flash'; break;
	default:
		return array('msg'=>'Seems not an image', 'body'=>$usage);
	}

変更後#

define('PLUGIN_REF_IMAGE', '/\.(gif|png|jpe?g|webp)$/i');

$got = @getimagesize($ref);
	if (!isset($got[2])) $got[2] = FALSE;
	$type = mime_content_type($ref);  // MIMEタイプの確認
	switch ($type) {
	case 'image/gif' : $type = 'image/gif' ; break;
	case 'image/jpeg': $type = 'image/jpeg'; break;
	case 'image/png' : $type = 'image/png' ; break;
	case 'image/webp': $type = 'image/webp'; break;
	default:
		return array('msg'=>'Seems not an image', 'body'=>$usage);
	}

参考になるかも？ WEBP画像のフォールバック - レ点腫瘍学ノート