URL ภาพปก YouTube – อธิบายทุกลิงก์ img.youtube.com

ภาพปก YouTube ทุกภาพอยู่ในที่อยู่ที่คาดเดาได้ ถ้าคุณรู้ ID 11 ตัวอักษร ของวิดีโอ คุณก็สร้างลิงก์ได้เองโดยไม่ต้องใช้คีย์ API

ขั้นตอนที่ 1: หา ID วิดีโอ

ID คือ 11 ตัวอักษรหลัง v=, youtu.be/ หรือ /shorts/:

ขั้นตอนที่ 2: สร้าง URL

https://i.ytimg.com/vi/VIDEO_ID/FILE_NAME.jpg

โดเมนเก่า img.youtube.com/vi/VIDEO_ID/FILE_NAME.jpg ก็ส่งภาพเดียวกันกลับมา

ทุกชื่อไฟล์

บางวิดีโอยังมี hq1.jpg–hq3.jpg, mq1.jpg–mq3.jpg และ sd1.jpg–sd3.jpg ซึ่งเป็นเวอร์ชันใหญ่ขึ้นของเฟรมอัตโนมัติเหล่านั้น

เวอร์ชัน WebP

ถ้าต้องการไฟล์ที่เล็กลง ให้เปลี่ยน vi เป็น vi_webp และ .jpg เป็น .webp:

https://i.ytimg.com/vi_webp/VIDEO_ID/maxresdefault.webp

ใช้ใน HTML

ภาพตัวอย่างแบบ “คลิกเพื่อดู” ที่เบา ไม่โหลดเครื่องเล่น YouTube ที่หนักจนกว่าจะถูกคลิก:

<a href="https://www.youtube.com/watch?v=VIDEO_ID">
  <img src="https://i.ytimg.com/vi/VIDEO_ID/hqdefault.jpg"
       width="480" height="360" loading="lazy"
       alt="ชื่อวิดีโอ">
</a>

ใช้ hqdefault.jpg เมื่อต้องการ URL ที่ใช้งานได้ เสมอ ส่วน maxresdefault.jpg คมชัดกว่าแต่ไม่มีในวิดีโอเก่าที่ความละเอียดต่ำ (ดู ทำไมบางครั้งไม่มีภาพปก HD)

ตรวจหาขนาดที่ไม่มีด้วย JavaScript

เมื่อไม่มีขนาดนั้น YouTube จะส่งภาพแทนขนาด 120 × 90 กลับมา ให้ตรวจความกว้างหลังโหลดเสร็จ:

const img = new Image();
img.onload = () => {
  const hasHD = img.naturalWidth > 120;
  console.log(hasHD ? 'มีภาพ HD' : 'ไม่มีภาพ HD');
};
img.src = `https://i.ytimg.com/vi/${id}/maxresdefault.jpg`;

นี่คือวิธีที่ เครื่องมือดาวน์โหลดภาพปก ของเราใช้ตัดสินว่าขนาดไหนจะแสดงเป็นสีเทา

ขนาดเดียวกันใน YouTube Data API และ oEmbed

ถ้าใช้ YouTube Data API ฟิลด์ snippet.thumbnails จะคืนไฟล์ชุดเดียวกันนี้แต่ใช้ชื่อต่างกัน

ไม่ต้องใช้คีย์ API ก็ได้ endpoint oEmbed ของ YouTube จะคืน JSON ที่มีชื่อวิดีโอ ชื่อช่อง และ thumbnail_url (เป็นขนาด hqdefault.jpg เสมอ)

https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=VIDEO_ID&format=json

ดาวน์โหลดผ่านคอมมานด์ไลน์

ภาพปกหนึ่งภาพ

curl -o thumb.jpg https://i.ytimg.com/vi/VIDEO_ID/maxresdefault.jpg

ดาวน์โหลดหลายภาพจากรายการ ID ใน ids.txt และใช้ hqdefault แทนเมื่อไม่มีขนาด HD (-f ทำให้ curl หยุดเมื่อเจอ 404 แทนที่จะบันทึกภาพสีเทา)

while read id; do
  curl -sf -o "$id.jpg" "https://i.ytimg.com/vi/$id/maxresdefault.jpg" \
  || curl -s -o "$id.jpg" "https://i.ytimg.com/vi/$id/hqdefault.jpg"
done < ids.txt

ดึงภาพใหม่หลังเปลี่ยนภาพปก

URL ไม่เปลี่ยนเมื่อครีเอเตอร์อัปโหลดภาพปกใหม่ เบราว์เซอร์หรือ CDN จึงอาจยังแสดงภาพเก่า ให้เติมพารามิเตอร์อะไรก็ได้เพื่อบังคับโหลดใหม่ YouTube จะไม่สนใจพารามิเตอร์นี้ แต่แคชจะมองว่าเป็นที่อยู่ใหม่

https://i.ytimg.com/vi/VIDEO_ID/maxresdefault.jpg?v=2

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