ยินดีต้อนรับกลับ.
ฉันมีปัญหาใหม่สำหรับคุณ
ฉันกำลังใช้เว็บไซต์ชื่อ Unsplash คอม
เป็นเว็บไซต์ที่ยอดเยี่ยมที่คุณสามารถดาวน์โหลดได้ฟรี
ภาพดีจริงๆ
บางทีคุณอาจต้องการมีพื้นหลังใหม่สำหรับเว็บไซต์ของคุณ อาจเป็นพื้นหลังใหม่สำหรับเดสก์ท็อปของคุณ
ยังไงก็ตาม ฉันเจอรูปนักบินอวกาศนี้แล้ว และฉันได้ดาวน์โหลดมันแล้ว และฉันจะลิงก์ไปยังรูปภาพนี้ด้วย
หรือคุณสามารถเลือกภาพใดก็ได้ที่คุณต้องการจาก Unsplash คอม
และคุณจะเห็นที่นี่ว่า
ภาพนี้ 3 8 เมกะไบต์
มันใหญ่มาก
และบางทีฉันอยากจะลดขนาดลง
อาจทำภาพขนาดย่อขนาด 400 x 400 ที่ฉันสามารถใช้เป็นรูปโปรไฟล์ของฉันเพื่อให้คนอื่นรู้ว่าฉันเป็นนักบินอวกาศ
เราจะทำอย่างนั้นได้อย่างไร?
กลับไปที่รหัสของเรากัน
เรามีภาพ Astro Dot JPEG และคุณสามารถดูได้ที่นี่ ฉันกำลังเลื่อนดู
มันใหญ่มาก
เรามาย่อให้เล็กลงกันเถอะ
ฉันจะไปแทนpokédex ที่บอกว่าฉันต้องการคว้าภาพ Astro JPEG
และเราไม่ต้องการทำสิ่งนี้
ดังนั้นฉันจะลบมันออก
อย่างแรกเลย เรามาพิมพ์กันก่อนว่ารูปภาพมีขนาดเท่าไหร่
เพียงเพื่อให้เราชัดเจน
ฉันจะเรียกใช้สิ่งนี้และเราเห็นว่า
ใช่มันเป็นภาพที่ค่อนข้างใหญ่
สิ่งที่ฉันจะทำคือบอกว่ารูปภาพใหม่จะเป็นรูปภาพดอทปรับขนาด
และอีกครั้ง ทูเพิลที่บอกว่า 400 คูณ 400
และเราเคยเห็นสิ่งนี้มาก่อน
ถูกต้อง.
ตอนนี้ถ้าฉันบันทึกสิ่งนี้ สมมุติว่าบันทึกรูปภาพใหม่ดอท
และฉันจะเรียกมันว่า
จุดเล็บนิ้วหัวแม่มือ.
เจเพ็ก.
ถ้าฉันบันทึกสิ่งนี้และเรียกใช้สิ่งนี้
ไม่เป็นไร.
ดูนั่นสิ
เรามีภาพขนาดย่อดอท jpeg
ที่ดีจริงๆ
ดูนั่นสิ
มันเล็กเมื่อเทียบกับขนาดใหญ่ที่เรามี
แต่สิ่งหนึ่งที่ผมไม่รู้ว่าคุณจะสังเกตได้หรือเปล่าเพราะว่าภาพมีความกว้างและความสูงไม่เท่ากัน
สิ่งที่เกิดขึ้นคือจริง ๆ แล้วมันถูกบีบอัดเล็กน้อย มันจึงสูญเสียอัตราส่วนกว้างยาว
ภาพดูเหมือนถูกบีบเข้า
แล้วเราจะแก้ไขได้อย่างไร?
และนี่เป็นปัญหาทั่วไปของรูปภาพใช่ไหม
ถ้าเราทำให้สิ่งต่างๆ เล็กลงเรื่อยๆ หรือเราเปลี่ยนอัตราส่วนภาพ สมมุติว่า
400 คูณ 200
ดังนั้นถ้าฉันบันทึกสิ่งนี้และไปที่รูปภาพ
เออ ดูนั่นสิ
ภาพมันยับเยินไปหมด
เราจะแก้ไขได้อย่างไร?
ในกรณีนี้ เราสามารถใช้วิธีภาพขนาดย่อที่มีประโยชน์ได้จริง
แทนที่จะบอกว่าปรับขนาด หากคุณต้องการรักษาอัตราส่วนภาพ เราสามารถพูดได้ว่าภาพขนาดย่อ
และภาพขนาดย่อนี้จะมีขนาด 400 คูณ 200
ดังนั้นหากฉันบันทึกและเรียกใช้อีกครั้ง เราจะได้รับข้อผิดพลาด
วัตถุที่ไม่ใช่ประเภทไม่มีแอตทริบิวต์ที่ปลอดภัยและนั่นเป็นเพราะภาพขนาดย่อจริง ๆ แล้วไม่ส่งกลับภาพใหม่
มันก็แค่ปรับเปลี่ยนปัจจุบัน
ในที่นี้ เราสามารถพูดได้ว่า image dot thumbnail
แล้วเราจะบอกว่า image dot save
ดังนั้นถ้าฉันเรียกใช้สิ่งนี้
และเรากลับไปที่ภาพขนาดย่อ ดูสิ เรามีภาพขนาดย่อ แต่ยังคงอัตราส่วนภาพไว้
แม้ว่าฉันจะบอกว่า 400 คูณ 200 แต่ก็จะพยายามทำให้ดีที่สุดเพื่อรักษาอัตราส่วนภาพนั้นไว้ และอาจไม่ได้ผลลัพธ์ที่แน่ชัดตามที่ฉันต้องการ
ลองนำมันกลับมาเป็น 400 คูณ 400
เรียกใช้อีกครั้ง
และที่นั่นคุณไป
เรามีภาพขนาดย่อของเราและนักบินอวกาศไม่ได้ถูกบีบ
มีประโยชน์มาก
ดังนั้นภาพขนาดย่อจึงมีประโยชน์จริงๆ
บางทีถ้าคุณต้องการสร้างรูปโปรไฟล์สำหรับ Facebook หรือ Instagram หรือแพลตฟอร์มโซเชียลมีเดียอื่น
ๆ ที่คุณอาจมี และมันให้ความกว้างและความสูง tuple และนี่คือค่าสูงสุด
ดังนั้นจึงไม่เกิน 404 ร้อย แต่ภาพขนาดย่อจะทำทุกอย่างโดยอัตโนมัติภายในช่วงไม่เกิน
400 แต่รักษาอัตราส่วนไว้
ดังนั้นถ้าฉันพิมพ์ภาพขนาดจุดจริงที่นี่
และฉันเรียกใช้สิ่งนี้ คุณจะเห็นว่านั่นคือสิ่งที่เกิดขึ้น
มันตัดสินใจอย่างชาญฉลาดว่าขนาดใดดีที่สุดสำหรับรูปภาพ
ไม่เป็นไร.
มาพักกัน
และในวิดีโอหน้า เราจะทำแบบฝึกหัดสนุกๆ กัน
เจอกันในนั้นครับ
ลาก่อน.