ภาพ GZipped - คุ้มหรือไม่


34

รูปแบบภาพส่วนใหญ่ถูกบีบอัดแล้ว แต่ในความเป็นจริงถ้าฉันถ่ายภาพและบีบอัด [gzipping มัน] แล้วฉันเปรียบเทียบรูปที่บีบอัดกับที่ไม่บีบอัดจะมีขนาดแตกต่างกันแม้ว่าจะไม่ได้มีความแตกต่างอย่างมาก

คำถามคือมันมีค่าภาพ gzipping? ขนาดเนื้อหาที่ถูกลดขนาดลงไปยังเบราว์เซอร์ของลูกค้าจะมีขนาดเล็กลง แต่จะมีบางส่วนของค่าใช้จ่ายของลูกค้าเมื่อทำการลบไฟล์

กรุณาแนะนำ


2
หากคอขวดเซิร์ฟเวอร์ของคุณอยู่ใกล้กับเครือข่ายมากกว่าบน CPU มิฉะนั้นอาจมีผลไม้แขวนห้อยต่ำกว่า
Konerak

คำตอบ:


28

Google ทำการอ้างอิงถึง gzip และไฟล์รูปภาพ / ไบนารีที่ขนาดการย่อขนาดต่ำสุด

อย่าใช้ gzip สำหรับภาพหรือไฟล์ไบนารีอื่น ๆ

รูปแบบไฟล์ภาพที่รองรับโดยเว็บรวมถึงวิดีโอ PDF และรูปแบบไบนารีอื่น ๆ นั้นได้รับการบีบอัดอยู่แล้ว การใช้ gzip กับพวกเขาจะไม่ให้ประโยชน์เพิ่มเติมใด ๆ และสามารถทำให้ใหญ่ขึ้นได้ ในการบีบอัดภาพให้ดูที่การปรับภาพให้เหมาะสม


favicon.ico เป็นข้อยกเว้นที่ควรกล่าวถึง รูปภาพ ICO ไม่ได้รับการบีบอัดดังนั้น gzip จึงทำงานได้ดีมาก
แมว

6

สิ่งนี้จะขึ้นอยู่กับสิ่งที่สำคัญกว่าทรัพยากรการลดขนาดไคลเอ็นต์ (เวลากำลังการประมวลผลหน่วยความจำ ฯลฯ ) หรือแบนด์วิดท์เครือข่าย

ตัวอย่างที่ 1) ระบบไคลเอนต์ของคุณอยู่ใกล้กับเซิร์ฟเวอร์ (พูดบนเครือข่ายท้องถิ่น) หรือมีการเชื่อมต่อความเร็วสูงอย่างไรก็ตามพวกเขาใช้พลังงานต่ำมาก (อาจเป็นระบบฝังตัวที่มีทรัพยากร จำกัด ) คุณไม่ต้องการค่าใช้จ่ายด้านไคลเอ็นต์ใด ๆ (un-gziping) และสามารถจ่ายค่าใช้จ่ายในการถ่ายโอนได้อย่างง่ายดาย (สองสามไบต์ไม่สร้างความแตกต่างในโลกแห่งความจริงบนเครือข่ายท้องถิ่น)

ตัวอย่างที่ 2) ลูกค้าของคุณเป็นระบบขับเคลื่อนที่มีประสิทธิภาพสูงมาก (เช่นเหนือเวิร์กสเตชันสำนักงานโดยเฉลี่ย) อย่างไรก็ตามมีลูกค้านับพันรายและเซิร์ฟเวอร์ของคุณมีการจัดสรรแบนด์วิดท์ จำกัด เท่านั้น ในสถานการณ์สมมตินี้ผู้ใช้สามารถจ่ายค่าใช้จ่ายได้อย่างง่ายดายและทุกไบต์สำคัญกับเซิร์ฟเวอร์ gzip ออกไป!

โลกแห่งความเป็นจริง) คุณไม่น่าจะดีไปกว่าการเก็บภาพของคุณ ระบบที่ทันสมัยสามารถให้การประมวลผลที่ดีอย่างไรก็ตามถ้าคุณมีความคาดหวังในโลกแห่งความเป็นจริงใครบางคนจะใช้โทรศัพท์มือถือหรือระบบที่ใช้พลังงานต่ำอื่น ๆ นอกจากนี้คุณกำลังกำหนดข้อ จำกัด ที่ผู้รับสามารถยกเลิกการ gzip ได้ ไม่ควรเป็นปัญหาส่วนใหญ่ แต่ทำไม จำกัด ใครบ้าง การประหยัดขนาดจะไม่สำคัญและค่าใช้จ่ายในการประมวลผลสำหรับระบบใด ๆ การประหยัดขนาดที่มากขึ้นคุณควรคาดหวังว่าจะได้โอเวอร์เฮดของโปรเซสเซอร์มากขึ้นดังนั้นทุกครั้งที่คุณบันทึกในการถ่ายโอนผ่านการเชื่อมต่อชนิดใดก็ตามมีโอกาสที่จะถูกสร้างขึ้นใหม่ตามเวลาที่ใช้ในการประมวลผล gzip

ทางออกที่ดีที่สุดของคุณ IMO คือการค้นหาออพชั่นที่ดีขึ้นและรูปแบบภาพอื่น ๆ ไม่ใช่ JPEG ทั้งหมดที่สร้างขึ้นเท่ากัน ตัวอย่าง: บันทึกภาพเป็น jpeg ใน photoshop จากนั้น "บันทึกสำหรับเว็บและอุปกรณ์" เป็น jpeg ขนาดไฟล์ควรแตกต่างกันอย่างมากด้วยการตั้งค่าคุณภาพเดียวกัน นอกจากนี้ตัวเลือก "บันทึกสำหรับ" ยังมีตัวเลือกอีกมากมายสำหรับคุณภาพการปรับแต่งและขนาดไฟล์ที่ดี อย่ากลัวรูปแบบ "วันที่" ที่เพิ่มขึ้นเช่น GIF เช่นกัน หากรูปภาพของคุณแสดงได้ดีในข้อ จำกัด ของรูปแบบ GIF ก็น่าจะยังเล็กกว่าและให้สิทธิประโยชน์พิเศษเช่นความโปร่งใส ...


ขอบคุณสำหรับการตอบกลับอย่างละเอียด สถานการณ์ที่ฉันกำลังพูดถึงเป็นสถานการณ์ที่เกี่ยวข้องกับภาพที่มีอยู่หลายล้านภาพซึ่งได้รับการปรับปรุงบางส่วนบนเว็บไซต์อีคอมเมิร์ซ ดังนั้นจึงเป็นที่ชัดเจนว่าลำดับความสำคัญสูงสุดคือการเรนเดอร์ที่ฝั่งไคลเอ็นต์อย่างรวดเร็วและเครื่องของลูกค้านั้นใช้พลังงานเฉลี่ยและน้อยกว่า การออมในรูปแบบอื่นไม่ใช่ตัวเลือก [การลงทุนขนาดใหญ่] ทางออกที่ดีที่สุดคือในกรณีเช่นนี้ [ภาพที่มีอยู่มากมาย] เพื่อให้มีเครื่องมือที่สามารถเพิ่มประสิทธิภาพไฟล์ jpeg ทั้งหมดในโฟลเดอร์ คุณคุ้นเคยกับเครื่องมือดังกล่าวหรือไม่?

มียูทิลิตีบรรทัดคำสั่งฟรีที่เรียกว่า jpegtran ซึ่งปรับแต่ง JPEG ให้เหมาะสมมันอาจสามารถประมวลผลภาพทั้งหมดในโฟลเดอร์เพื่อให้สามารถตรวจสอบได้อย่างคุ้มค่า
ทิมเฟาน์เท

5

ไม่จริงๆแล้วมันอาจทำให้สิ่งต่าง ๆ แย่ลงได้ จากแนวทางปฏิบัติที่ดีที่สุดของ Yahoo เพื่อเร่งเว็บไซต์ของคุณ :

ไฟล์รูปภาพและ PDF ไม่ควร gzipped เนื่องจากถูกบีบอัดไว้แล้ว พยายาม gzip พวกเขาไม่เพียง แต่เสีย CPU แต่อาจเพิ่มขนาดไฟล์


0

Trimageเป็นเรื่องที่ดีที่จะได้รับสำหรับการเพิ่มประสิทธิภาพภาพ (ขึ้นอยู่กับOptiPNG, pngcrushและjpegoptimถ้าผมจำได้) ฉันมักจะใช้pngcrushโดยตรงเป็นส่วนหนึ่งของการปรับใช้เช่น

$ for i in *.png; do pngcrush -rem allb -brute -reduce $i crushed/$i; done;
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.