Modern image, video, audio, font and PDF formats — what to use when, how to convert, and how to keep file size small without quality loss.
เลือกวิดีโอโคเดกสำหรับเว็บจากกลุ่มผู้ชม การรองรับของอุปกรณ์ เป้าหมายด้านคุณภาพ ต้นทุนการเข้ารหัส และรูปแบบการส่งมอบ ไม่ใช่จากกราฟการบีบอัดเพียงอย่างเดียว
WebP แบบ lossless มักมีขนาดไฟล์เล็กกว่า PNG แต่ไม่เสมอไป ต่อไปนี้คือกรณีที่มันช่วยได้ กรณีที่ไม่ช่วย และวิธีทดสอบอย่างถูกต้อง
Variable fonts มีพลังมาก แต่ผลลัพธ์ใน production ขึ้นอยู่กับ subsetting, caching, rendering, วินัยในการใช้ CSS และความยับยั้งชั่งใจด้านดีไซน์
บีบอัดเสียงบนเว็บให้ดีด้วยการเลือก codec, bitrate, เวิร์กโฟลว์ของไฟล์ต้นฉบับ และการทดสอบการฟังที่เหมาะสม—not by crushing everything to MP3.
ICO, PNG และ SVG ยังคงสำคัญสำหรับ favicons ทั้งหมด ต่อไปนี้คือชุดไฟล์ที่ใช้งานได้จริงซึ่งเว็บไซต์สมัยใหม่ส่วนใหญ่ควรมี
ตัวอักษรที่อ่านง่ายไม่ใช่เรื่องสุนทรียะ—แต่คือการลดแรงเสียดทาน นี่คือสิ่งที่สำคัญจริง ๆ สำหรับเนื้อความในปี 2026
AVIF ให้การบีบอัดที่ดีกว่า WebP สำหรับภาพถ่ายและภาพประกอบ แต่การเข้ารหัสช้ากว่าและยังมีช่องว่างด้านการรองรับอยู่ นี่คือแผนผังการตัดสินใจที่ใช้งานได้จริง
