ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comความรู้ทั่วไปGeneral (ถามคุยวิชาการ IM)ถามเกี่ยวกับรูปภาพที่ใส่เว็บ ที่เป็น responsive
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ถามเกี่ยวกับรูปภาพที่ใส่เว็บ ที่เป็น responsive  (อ่าน 683 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
dannie
สมุนแก๊งเสียว
*

พลังน้ำใจ: 41
ออฟไลน์ ออฟไลน์

กระทู้: 647



ดูรายละเอียด
« เมื่อ: 18 พฤษภาคม 2018, 19:03:18 »

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

Nuxsell.com
ก๊วนเสียว
*

พลังน้ำใจ: 5
ออฟไลน์ ออฟไลน์

กระทู้: 277



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 18 พฤษภาคม 2018, 22:40:21 »

เข้ากับทุก device มั้ง  wanwan013
บันทึกการเข้า

navico
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 108
ออฟไลน์ ออฟไลน์

กระทู้: 2,315



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 25 พฤษภาคม 2018, 10:10:22 »

เมื่อก่อนจะใช้เพื่อ รองรับแสดงในจอ retina ม่แน่ใจยังเป็ฯแบบนั้นอยู่ไหมนะครับ
บันทึกการเข้า

minisoman
คนรักเสียว
*

พลังน้ำใจ: 2
ออฟไลน์ ออฟไลน์

กระทู้: 115



ดูรายละเอียด
« ตอบ #3 เมื่อ: 25 พฤษภาคม 2018, 10:18:34 »

ของผมก็เป็นครับ

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

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

consider
ก๊วนเสียว
*

พลังน้ำใจ: 33
ออฟไลน์ ออฟไลน์

กระทู้: 305



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 25 พฤษภาคม 2018, 17:04:50 »

อยู่ที่เว็บและการปรับรึเปล่าครับ บางทีก็เพี้ยนๆ
บันทึกการเข้า

MD.18
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 287
ออฟไลน์ ออฟไลน์

กระทู้: 3,018



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 25 พฤษภาคม 2018, 17:40:33 »

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

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

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

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

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

ติดต่อทางเมล์ service.md18@gmail.com by ทวีศักดิ์  line : 0862600055

คิวงานว่าง !!
hangmann2
สมุนแก๊งเสียว
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 636



ดูรายละเอียด
« ตอบ #6 เมื่อ: 25 พฤษภาคม 2018, 17:47:46 »

 wanwan003 wanwan003
บันทึกการเข้า

toffeesmen
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 46
ออฟไลน์ ออฟไลน์

กระทู้: 1,117



ดูรายละเอียด
« ตอบ #7 เมื่อ: 25 พฤษภาคม 2018, 18:02:12 »

มันกำหนดไว้หรือเปล่าครับ
บันทึกการเข้า
Appman
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 67
ออฟไลน์ ออฟไลน์

กระทู้: 2,320



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 25 พฤษภาคม 2018, 18:05:39 »

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

PrettyMc
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 6



ดูรายละเอียด
« ตอบ #9 เมื่อ: 26 พฤษภาคม 2018, 15:09:11 »

 Cry  wanwan020
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์