พิกเซลของคุณจะยังคงอยู่ในแท็บนี้
รูปภาพบนเว็บ พร้อมส่ง
สร้าง รูปภาพ WebP ที่พร้อมตอบสนอง โดยมีขีดจำกัด 1920 พิกเซลและคุณภาพที่สมดุล
- เพิ่มรูปภาพ
- ปรับ
- ดาวน์โหลด
วางรูปภาพที่นี่
หรือเลือกไฟล์จากอุปกรณ์นี้
JPG, PNG, WebP, AVIF · ไฟล์มากถึง 10✓ประมวลผลในเครื่อง ไม่มีการอัปโหลด
น้ำหนัก ขนาด และรูปแบบได้รับการตรวจสอบแล้ว
ไม่มีบัญชี คิว หรืออัปโหลด
จากรูปภาพสู่การดาวน์โหลดในสามขั้นตอน
- 1 เพิ่ม
เลือกหนึ่งภาพขึ้นไป
- 2 ปรับ
ปรับเฉพาะการตั้งค่าสำหรับเครื่องมือนี้
- 3 ดาวน์โหลด
รับผลการตรวจสอบ
Guide / TH
มันทำงานอย่างไร
ค่าที่ตั้งล่วงหน้าของเว็บจะสร้าง WebP ที่คุณภาพ 80 และจำกัดขอบด้านยาวไว้ที่ 1920 พิกเซล โดยไม่ขยายแหล่งที่มาที่มีขนาดเล็กลง การเข้ารหัสจะทำงานหลังจากการวางแนวและปรับขนาด จากนั้นผลลัพธ์จะถูกตรวจสอบและนำเสนอด้วยชื่อไฟล์เว็บที่คาดเดาได้
วิธีนี้จะสร้างอนุพันธ์ของการเผยแพร่ที่มีประโยชน์ ไม่ใช่ไปป์ไลน์รูปภาพที่ตอบสนองเต็มรูปแบบ คุณสามารถทำซ้ำการปรับขนาดด้วยความกว้างที่แตกต่างกันได้เมื่อไซต์ของคุณต้องการตัวเลือก srcset หลายตัว
รูปแบบและการตั้งค่า
- คุณภาพ WebP 80 ปรับสมดุลรายละเอียดภาพถ่ายและขนาดการถ่ายโอน
- เพดานความละเอียด 1920 พิกเซลเหมาะกับคอลัมน์เนื้อหาจำนวนมากและหน้าจอที่มีความหนาแน่นสูง
- เก็บ PNG ไว้เพื่อกราฟิกที่คมชัด เมื่อการเปรียบเทียบ WebP แสดงว่าไม่มีประโยชน์ในการบันทึก
ตัวอย่างที่เป็นรูปธรรม
รูปภาพหลักขนาด 5000×3333 สามารถกลายเป็น 1920×1280 WebP ได้ สำหรับไซต์แบบตอบสนอง ให้สร้างเวอร์ชัน 1280 และ 768 พิกเซลเพิ่มเติมโดยเจตนา จากนั้นปล่อยให้ไซต์เลือกระหว่างเวอร์ชันเหล่านั้นแทนที่จะให้บริการไฟล์ที่ใหญ่ที่สุดทุกที่
ทราบก่อนที่จะเริ่ม
- เครื่องมือนี้ไม่ได้แก้ไข HTML สร้างมาร์กอัป srcset หรือปรับใช้ไฟล์
- WebP ไม่รับประกันว่าเอาต์พุตจะมีขนาดเล็กที่สุดสำหรับทุกภาพประกอบ
- ประสิทธิภาพการทำงานด้วย ขึ้นอยู่กับขนาดเลย์เอาต์ การโหลดแบบ Lazy Loading และแคชที่ควบคุมโดยเว็บไซต์ของคุณ
FAQ / 03
คำถามที่พบบ่อย
สิ่งนี้จะเผยแพร่ไปยังเว็บไซต์ของฉันโดยอัตโนมัติหรือไม่
ไม่ มันสร้างทรัพย์สินในท้องถิ่น CMS หรือเวิร์กโฟลว์การปรับใช้ของคุณยังคงอยู่ภายใต้การควบคุมของคุณ
รูปภาพของเว็บไซต์ทุกรูปควรมีขนาด 1920 พิกเซลหรือไม่
ไม่ จับคู่เนื้อหาแต่ละรายการกับช่องที่แสดงผลและจัดเตรียมรูปแบบการตอบสนองที่เล็กลงเมื่อมีประโยชน์
แล้ว AVIF ล่ะ?
AVIF อาจมีขนาดเล็กลงแต่เข้ารหัสช้ากว่าและมีการแลกเปลี่ยนความเข้ากันได้ที่แตกต่างกัน ใช้เส้นทางการเปรียบเทียบสำหรับภาพจริงของคุณ