พูดอย่างเคร่งครัด คุณต้องแน่ใจว่า user-agent ที่ส่งคำขอสนับสนุนอิมเมจ WEBP (เช่น ตรวจสอบ ยอมรับ
ส่วนหัวคำขอ HTTP สำหรับ ภาพ/เว็บ
).
ลองทำสิ่งต่อไปนี้ใกล้กับด้านบนสุดของราก .htaccess
ไฟล์:
RewriteEngine เปิดอยู่
# เขียนภาพใหม่ไปยัง WebP หากมีอยู่
RewriteCond %{HTTP_ACCEPT} รูปภาพ/webp
RewriteCond %{DOCUMENT_ROOT}/$1/webp/$2.webp -f
RewriteRule ^(site/views/00_projects/[^/]+/content/image/[^/]+)/([^/]+)\.(?:png|jpg|gif)$ $1/webp/$2 .webp [T=image/webp,L]
เดอะ เขียนกฎใหม่
ลวดลาย (เช่น. ^(site/views/00_projects/[^/]+/content/image/[^/]+)/([^/]+)\.(?:png|jpg|gif)$
) ตรงกับที่ร้องขอ png
, jpg
หรือ กิ๊ฟ
ภาพและบันทึกเส้นทาง URL ในไฟล์ $1
การอ้างอิงย้อนกลับและชื่อไฟล์ใน $2
การอ้างอิงย้อนกลับ (ใช้ในภายหลังใน เขียนกฎใหม่
การแทน สตริง)
ครั้งแรก เงื่อนไข (เขียนซ้ำ
directive) ที่ตรวจสอบกับ HTTP_ACCEPT
ตัวแปรเซิร์ฟเวอร์ ตรวจสอบว่า user-agent รองรับอิมเมจ WEBP
ที่สอง เงื่อนไข ตรวจสอบว่ามีภาพ webp เป้าหมายอยู่
เดอะ T=อิมเมจ/เว็บพี
จำเป็นต้องตั้งค่าสถานะเพื่อส่งประเภท mime ที่ถูกต้อง (ชนิดของเนื้อหา
ส่วนหัว) กลับไปที่ลูกค้า