ThaiSEOBoard.com

ความรู้ทั่วไป => General (ถามคุยวิชาการ IM) => ข้อความที่เริ่มโดย: dannie ที่ 18 พฤษภาคม 2018, 19:03:18



หัวข้อ: ถามเกี่ยวกับรูปภาพที่ใส่เว็บ ที่เป็น responsive
เริ่มหัวข้อโดย: dannie ที่ 18 พฤษภาคม 2018, 19:03:18
ทำไมรูปภาพในเว็บจะมีขนาดใหญ่กว่า ขนาดที่แสดงจริงครับ ส่วนมากเจอแต่แบบนี้เลยสงสัยครับ


หัวข้อ: Re: ถามเกี่ยวกับรูปภาพที่ใส่เว็บ ที่เป็น responsive
เริ่มหัวข้อโดย: Nuxsell.com ที่ 18 พฤษภาคม 2018, 22:40:21
เข้ากับทุก device มั้ง  :wanwan013:


หัวข้อ: Re: ถามเกี่ยวกับรูปภาพที่ใส่เว็บ ที่เป็น responsive
เริ่มหัวข้อโดย: navico ที่ 25 พฤษภาคม 2018, 10:10:22
เมื่อก่อนจะใช้เพื่อ รองรับแสดงในจอ retina ม่แน่ใจยังเป็ฯแบบนั้นอยู่ไหมนะครับ


หัวข้อ: Re: ถามเกี่ยวกับรูปภาพที่ใส่เว็บ ที่เป็น responsive
เริ่มหัวข้อโดย: minisoman ที่ 25 พฤษภาคม 2018, 10:18:34
ของผมก็เป็นครับ

ถ้าใน Desktop บางรูปเล็กบางรูปใหญ่มั่วๆเลยครับ

แต่ในมือถือรูปภาพสวยงามขนาดเท่ากันพอดี


หัวข้อ: Re: ถามเกี่ยวกับรูปภาพที่ใส่เว็บ ที่เป็น responsive
เริ่มหัวข้อโดย: consider ที่ 25 พฤษภาคม 2018, 17:04:50
อยู่ที่เว็บและการปรับรึเปล่าครับ บางทีก็เพี้ยนๆ


หัวข้อ: Re: ถามเกี่ยวกับรูปภาพที่ใส่เว็บ ที่เป็น responsive
เริ่มหัวข้อโดย: MD.18 ที่ 25 พฤษภาคม 2018, 17:40:33
การทำ responsive คือการให้ขนาดของภาพที่แสดงไหลไปตามขนาดหน้าจอ ที่เห็นว่าภาพจริงใหญ่กว่าภาพที่แสดง หมายความว่า หน้าจอที่แสดงนั้นเล็กกว่าภาพที่ใช้ เพื่อป้องกันไม่ให้ภาพที่แสดงออกมาแตกและเล็กกว่าขนาดหน้าจอ

ซึ่งเป็นวิธีที่ขี้เกียจ  การทำ responsive ที่ดีต้องควรแบ่งภาพออกเป็นระยะประเภทของจอ เช่น ภาพมือถือ  ภาพแท็บเล็ท ภาพโน็ตบุค ภาพพีซี  แล้วใช้การเขียนโค๊ดเพื่อให้บราวเซอร์ดึงภาพตามระยะที่ใช้งานมาแสดง โดยวิธีอาจจะทำได้หลายแบบ ลองๆดูเรื่องคีย์ Resolution switching Image ครับ

แต่การทำภาพหลายขนาดมันก็จะต้องขยันหน่อยถ้าจะทำแบบใช้หลายรูป อีกวิธีคือการใช้ php Resize Display ก่อนแสดงผลก็น่าจะง่ายกว่าแต่ไม่รู้ว่าดีในเรื่องการประมวลผลไหมนะ
อีกวิธีที่ดีคือภาพแบบ SVG image ทำให้การแสดงผลแต่ละครั้งบรว์เซอร์ก็จะคำนวณใหม่ทุกครั้ง

สรุป การทำ Responsive จริงๆมันใช้เวลาและต้นทุนเพิ่ม หลายๆคนเลยเน้นเอาภาพเดียวมาแสดงผลในทุกๆขนาด ซึ่งเป็นวิธีที่ไม่ผิดแต่ไม่ดี...  เราควรใช้รูปให้เหมาะสมกับขนาดหน้าจอเพื่อให้ตัวเครื่องที่แสดงผลไม่กินทรัพยากรเกินความจำเป็น บางเว็บแสดงหน้ามือถือยังจะใส่ bg ใหญ่ๆมาให้โหลดช้าไปอีกทั้งๆที่ก็เห็ฯ bg ด้านขอบๆเพียงไม่กี่ px เราควร display:none พวก bg ไปเลยเวลาแสดงผลกับมือถือหรือแท็บเลท แล้วหันมาใช้โค๊ดสีง่ายๆสั้นๆในการเพิ่มสีสัน

ส่วนตอบกระทู้คือ เพราะเจ้าของเว็บไม่รู้เรื่องการออกแบบเว็บ และคนทำเว็บให้ก็ขี้เกียจเพิ่มงานตัวเองครับ....เพราะงานเพิ่ม.เงินไม่เพิ่ม  :wanwan019:


หัวข้อ: Re: ถามเกี่ยวกับรูปภาพที่ใส่เว็บ ที่เป็น responsive
เริ่มหัวข้อโดย: hangmann2 ที่ 25 พฤษภาคม 2018, 17:47:46
 :wanwan003: :wanwan003:


หัวข้อ: Re: ถามเกี่ยวกับรูปภาพที่ใส่เว็บ ที่เป็น responsive
เริ่มหัวข้อโดย: toffeesmen ที่ 25 พฤษภาคม 2018, 18:02:12
มันกำหนดไว้หรือเปล่าครับ


หัวข้อ: Re: ถามเกี่ยวกับรูปภาพที่ใส่เว็บ ที่เป็น responsive
เริ่มหัวข้อโดย: Appman ที่ 25 พฤษภาคม 2018, 18:05:39
ตรงขนาดภาพหรือตัวย่อภาพอย่าไปย่อเองหรือใส่ตัวเลข pixel ครับให้อัพรูปไซต์ตามจริงครับและอย่าปรับรูป


หัวข้อ: Re: ถามเกี่ยวกับรูปภาพที่ใส่เว็บ ที่เป็น responsive
เริ่มหัวข้อโดย: PrettyMc ที่ 26 พฤษภาคม 2018, 15:09:11
 :'(  :wanwan020: