วิธีบีบอัดภาพหนึ่งหรือหลายภาพพร้อมกันอย่างง่ายดาย

ความท้าทายแรก ๆ อย่างหนึ่งที่ฉันต้องเผชิญในฐานะผู้ดูแลเว็บบล็อกนี้เกี่ยวข้องกับรูปภาพ ฉันต้องการบีบอัดรูปภาพ (JPG, PNG, GIF) ด้วยความต้องการระดับสูงมากหากฉันต้องการเพิ่มประสิทธิภาพทรัพยากรเซิร์ฟเวอร์และโหลดเร็วด้วย

วันนี้ฉันจะอธิบาย 2 วิธีที่ฉันใช้ในการแก้ไขและบีบอัดภาพเหมือนนินจาจริงๆ ในช่วง 3 ปีที่ผ่านมาฉันได้ลองทำทุกอย่างแล้ว แต่ท้ายที่สุดนี่คือสิ่งที่ดีที่สุดสำหรับฉันฉันจึงอยากแบ่งปันให้คุณ

วิธีบีบอัดภาพหนึ่งภาพขึ้นไปพร้อมกันด้วยวิธีที่ง่ายที่สุด

สิ่งที่หลายคนแนะนำให้บีบอัดภาพคือการใช้โปรแกรมเช่น Photoshop หรือโปรแกรมแก้ไขมัลติมีเดียอื่น ๆ ของสไตล์ สิ่งที่ดีมาก แต่แอปพลิเคชั่นประเภทนี้มักจะไม่ถูกอย่างแม่นยำและยังมีฟังก์ชั่นระดับโปรมากมายที่ฉันมีอยู่มากมาย - ฉันแค่ต้องการปรับแต่งสองสามอย่างและบีบอัดรูปภาพไม่ใช่สร้างแอนิเมชั่นสั้น ๆ 8 นาที

วิธีแก้ไขและบีบอัดภาพโดยไม่ต้องติดตั้งแอปพลิเคชันใด ๆ

เมื่อทั้งหมดที่ฉันต้องการคือการบีบอัดภาพและปรับอัตรากำไรขั้นต้นและขนาดของมันฉันจะใช้เครื่องมือเว็บที่เรียกว่าPixlr Express ได้ เป็นแอปพลิเคชันออนไลน์ที่ได้เห็นแสงสว่างจากมือของ Autodesk เมื่อหลายปีก่อนซึ่งเป็นแอปพลิเคชันเดียวกันจาก Autocad- และตอนนี้ บริษัท อื่นได้ซื้อกิจการไปแล้ว (123RF) แต่ขอเข้าประเด็น ...

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

การบีบอัดภาพด้วย Pixlr Express การใช้เราก็ต้องโหลดภาพในการแก้ไขและตี" บันทึก " เมื่อทำการบันทึกเครื่องมือจะให้เราใช้ระดับการบีบอัดที่ต้องการ (จาก 0% ถึง 100%)

ตอนเซฟคือตอนที่ให้เราบีบอัดภาพ

แน่นอนว่าคุณภาพของภาพจะเป็นไปตามระดับการบีบอัดที่เราใช้ ในฐานะที่เป็นคำแนะนำส่วนตัวผมจะแนะนำให้คุณใช้ระดับการบีบอัด 65% เมื่อเทียบกับต้นฉบับ เป็นจุดที่ภาพยังดูดีและน้ำหนักลดลงอย่างมาก

วิธีบีบอัดหลายภาพพร้อมกันและเรียงซ้อน

หากเรามีภาพหลายภาพที่ทำงานร่วมกับ Pixlr อาจเป็นเรื่องที่น่าเบื่อ สำหรับกรณีเหล่านี้ฉันใช้โปรแกรมฟรีชื่อRIOT (Radical Image Optimization Tool) ซึ่งออกแบบมาเป็นพิเศษเพื่อบีบอัดรูปภาพ JPG, GIF และ PNG

RIOT ช่วยให้เราสามารถโหลดรูปภาพปรับระดับการบีบอัดและดูตัวอย่างว่าจะมีลักษณะอย่างไรเมื่อใช้การบีบอัด นี่เป็นสิ่งที่ดีสำหรับเราในการปรับแต่งให้มากที่สุดและยังคงดูดี

แต่ความมหัศจรรย์ที่แท้จริงของ RIOT อยู่ในคุณสมบัติ "Batch" จากที่นี่เราสามารถโหลดภาพหลายภาพในครั้งเดียว (ตัวอย่างเช่นภาพทั้งหมดที่มีอยู่ในโฟลเดอร์หรือโฟลเดอร์ย่อย) และบีบอัดพวกเขาในน้ำตก ในการทำเช่นนี้เราต้องคลิกที่ไอคอน" Batch " เลือกโฟลเดอร์ปลายทาง ( โฟลเดอร์ Output ) และโฟลเดอร์ต้นทาง ( เพิ่มรูปภาพ -> เพิ่มรูปภาพทั้งหมดจากโฟลเดอร์ ) เมื่อเรามีทุกสิ่งที่ชอบแล้วเพียงคลิกที่ " เริ่ม " เพื่อทำการบีบอัดจำนวนมากสำหรับภาพที่เลือกทั้งหมด

เยี่ยมมากคุณได้ยิน ...

ความแตกต่างระหว่างการบีบอัดภาพทีละภาพและการบีบอัดด้วยวิธีนี้เป็นเรื่องที่ลึกซึ้งมาก ลองนึกภาพว่าคุณต้องปรับภาพทั้งหมดของงานในมหาวิทยาลัยให้เหมาะสมหรือแย่กว่านั้นคือภาพทั้งหมดในเว็บไซต์ของคุณ

ระดับการบีบอัดที่สมบูรณ์แบบสำหรับรูปภาพในบล็อกหรือเว็บไซต์

ดังที่ได้กล่าวไปแล้วเล็กน้อยระดับการบีบอัดที่สมบูรณ์แบบคือ 65% สำหรับหน้าเว็บ แต่นี่เป็นเพียงคำแนะนำส่วนตัวเท่านั้น ...

แต่ถ้าเรามีหน้าเว็บและต้องการระดับการบีบอัดที่ "สมบูรณ์แบบ" เราก็ต้องการบางอย่างที่มากกว่าคำแนะนำส่วนตัวของนัทที่เรียกตัวเองว่า "หุ่นยนต์ที่มีความสุข"

ในกรณีเหล่านี้ Google มีเพจที่รู้จักกันดีสำหรับผู้ดูแลเว็บPagespeed Insights เครื่องมือนี้นอกเหนือจากการบอกความเร็วในการโหลดเว็บไซต์ของเราและให้คำแนะนำอื่น ๆ แก่เราแล้วยังช่วยให้เราสามารถดาวน์โหลดสำเนาของรูปภาพทั้งหมดใน URL ที่ระบุ สำเนาของภาพเหล่านี้จะได้รับการปรับให้เหมาะสม 100%

ในการดาวน์โหลดภาพเราต้องป้อน URL ที่แขวนไว้และคลิกที่ปุ่ม " วิเคราะห์ " เมื่อการวิเคราะห์เสร็จสิ้นจากแท็บ" คอมพิวเตอร์ " เราเลื่อนไปจนเกือบสุดแล้วคลิกลิงก์ " ดาวน์โหลดทรัพยากรรูปภาพ JavaScript และ CSS ที่ปรับให้เหมาะสมสำหรับหน้านี้ " เราจะได้รับไฟล์ ZIP โดยอัตโนมัติพร้อมด้วยทรัพยากรเหล่านี้ที่ปรับให้เหมาะสมแล้ว

แอบแฝงอยู่บ้าง แต่ก็เป็นฟังก์ชั่นที่มียูทิลิตี้โหด ๆ

ฉันหวังว่าบทแนะนำนี้จะเป็นประโยชน์สำหรับคุณ ถ้าฉันได้อ่านอะไรแบบนั้นเมื่อฉันเริ่มโครงการนี้มันจะช่วยให้ฉันปวดหัวได้มากอย่างแน่นอน

PS: โพสต์ที่อุทิศให้กับ "ฉัน" ของฉันตั้งแต่อดีต ดูว่าคุณเรียนรู้ไหมเด็ก!

คุณติดตั้งTelegramแล้วหรือยัง? ได้รับการโพสต์ที่ดีที่สุดของแต่ละวันในช่องทางของเรา หรือถ้าคุณต้องการหาทุกอย่างจากเราหน้า Facebook