Get original image from tistory.com : วิธีดาวโหลดภาพต้นฉบับจาก เว็บ tistory.com

ต้องขอเกริ่นก่อนเลยคือว่า เว็บไซต์ที่ชื่อ tistory.com เป็น เว็บบล็อกของเกาหลี ที่เหล่าช่างภาพมักจะนำภาพถ่าย และวีดีโอของศิลปินที่ชื่นชอบมาโพสลงที่นี่ โดยสามารถมี sub domain นำหน้าชื่อเว็บไซต์ได้คล้ายเว็บบล็อกทั่วไปอย่าง blogspot, wordpress















ทีนี้ เราถูกใจภาพไหน ก็กด save as กันเป็นเรื่องปกติ หรืออาจจะใช้ tools ต่างๆ เช่น Image Picker ที่ช่วยดูดรูปในหน้าเว็บเพจมาช่วยก็ไม่ว่ากัน

แต่ปัญหามันอยู่ที่ว่า การแสดงผลของรูปภาพในเว็บนี้ จะไม่แสดงภาพขนาดจริง ซึ่งเวลากด save as ตรงๆ ก็จะทำให้ได้ภาพที่ขนาดแสดงในหน้าเว็บไม่ใช่ของจริงนั่นเอง







เวลาเราใช้ Image Picker ดูดรูปมา มันก็จะได้รูปที่ถูกลดขนาดลงไป (870 x 1305)














ปัญหานี้หลังจากได้ลองเล่นเจ้าเว็บ tistory มาสักพักก็พบว่า มันสามารถดึงรูปต้นฉบับที่อยู่บนเซิฟเวอร์ออกมาได้ โดยใช้วิธีการเปลี่ยน url ที่ request ไปขอรูปมา

วิธีทำคือ ถ้าเราดูที่ url จะเห็นว่ามีคำว่า image ให้เราเปลี่ยนคำว่า "image" เป็น "original" เท่านั้นเอง 

http://cfile2.uf.tistory.com/image/2459264B57D53BB911B3DD

http://cfile2.uf.tistory.com/original/2459264B57D53BB911B3DD
ก็จะได้รูปต้นฉบับจากเซิฟเวอร์ที่ไม่ถูกลดขนาดแล้วครับ













จะเห็นว่าจะได้ขนาดของภาพที่แท้จริงออกมา (1280 x 1920)




ทีนี้เราก็ไปแกะเว็บเค้ามา ทำเป็น script ไว้ลองเล่นดูก็จะได้หน้าตาประมาณนี้
คือตอนแรกจะใช้ jquery แต่กลัวมันมีปัญหา เลยใช้ pure javascript เน้นๆเลย



วิธีทำ
ให้ copy script ไปแปะเป็น bookmark ของ web browser ไว้
หรือลาก link นี้ >> replace image tistory << ไปแปะที่ bookmark ได้เลย ทีนี้เวลาที่เราเข้าเว็บ tistory.com เราต้องเปิด bookmark ไว้ด้วย พอไปหน้าที่มีรูป ก็ให้กดที่ปุ่ม bookmark 1 ที script ก็จะทำการเปลี่ยนค่า ใน src จากคำว่า "image" เป็น "original" เพื่อที่จะได้ที่อยู่ของภาพต้นฉบับ พอเรา save as หรือใช้ Image Picker สูบ ก็จะได้ภาพที่เป็นต้นฉบับของจริงทั้งหมดเลย สะดวกดีนะ ^^






หวังว่าจะเป็นประโยชน์ ไม่มากก็น้อยนะครับ ลองใช้กันดู

ข้อควรรู้
1. ใช้ได้กับเฉพาะ img url ที่มาจาก domain tistory.com เท่านั้น
2. บางบล็อก เค้าก็ลงรูปความละเอียดสูงสุดแล้วนะ ถ้าสูบมาแล้วได้รูปขนาดเท่าเดิม ก็อย่าแปลกใจไป

Comments

Popular posts from this blog

พบกับ blogger โฉมใหม่ - เพิ่ม theme responsive เพียบ

งานแฟนไซน์ครั้งแรกของ Red Velvet ในไทย กับ ตากล้องกากๆ