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

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

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

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

กระทู้: 2,127



ดูรายละเอียด
« เมื่อ: 29 พฤศจิกายน 2015, 03:42:13 »

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

ทำไมรูปภาพถึงส่งผลต่อการโหลดหน้าเว็บไซต์

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

การทำให้ภาพเบาขึ้น

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

1 ใช้ขนาดภาพที่เหมาะสมกับพื้นที่ คือ ถ้าพื้นที่เล็ก เช่น ภาพประกอบบทความหรือภาพ banner เราก็ทำขนาดให้พอดีกับพื้นที่โดยตรง อาจจะเผื่อไว้นิดหน่อยสำหรับมุมมองในมือถือ เช่น ถ้าพื้นที่ กว้าง 500 เราก็อาจทำภาพกว้างสัก 700 เป็นต้น ( ขึ้นอยู่กับระบบของเว็บไซต์ด้วย บางระบบจะลดขนาดให้เอง )

2 เลือกใช้ สกุลไหล์ให้ถูกต้อง สกุลไฟล์ที่พบบ่อยที่สุดในการทำเว็บไซต์ก็จะมี JPG , PNG , GIF   ถ้าถามว่าสกุลไหนเบาที่สุดก็อาจต้องดูลักษณะภาพด้วย ว่ามีขั้นตอนการทำออกมาแบบใด เมื่อรู้แล้วเราก็ควรใช้สกุลให้ถูกต้อง เช่น ภาพถ่ายเราก็ควรเซฟเป็น JPG  เป็นต้น แต่หลักง่ายๆคือ เราอาจจะลอง เซฟหลายสกุล แล้วเลือกใช้สกุลที่เหมาะสมที่สุด เบาที่สุด

3 ดรอบคุณภาพของภาพ บางครั้งเวลาเราใช้โปรแกรมด้านภาพ ตอนจะเซฟเป็นชิ้นงาน โปรแกรมจะถามเราว่าต้องการความละเอียดระดับไหน ตรงนี้เราก็เลือกเอาตามความเหมาะสมครับ หรือ อาจจะใช้แม่สีไปวางเป็นเลเยอร์ทับ เพื่อดรอปสีเอา ก็จะช่วยลดขนาดได้อีก

4 เข้าโปรแกรมลดขนาดภาพ ข้อนี้ถือว่าเป็น ไฮไลท์ ของบทความนี้เลยครับ นั่นก็คือการใช้โปรแกรมหรือบริการออนไลน์เพื่อลดน้ำหนักของภาพ แต่คุณภาพไม่เสียไปมากนัก

5 หลีกเลี่ยงการใส่ effact ให้ภาพ ตรงไหนไม่จำเป็นก็ไม่ต้อองใส่ครับเพราะเป็นการเพิ่มโค้ด เพิ่มการประมวลผลให้โหลดช้าขึ้น


แนะนำเว็บไซต์ลดขนาดภาพออนไลน์ เพื่อใช้ทำภาพประกอบในเว็บไซต์

เว็บไซต์ที่แนะนำก็คือ https://tinypng.com/ เป็นเว็บที่ผมใช้บ่อยมากที่สุด เพราะ ใช้ง่าย สะดวก ไม่มีปัญหาทางเทคนิคให้รำคาญใจเลย



วิธีการใช้งาน

1.ไปที่เว็บไซต์ https://tinypng.com/

2.กดไปที่  " Drop your .png or .jpg files here! " เพื่อเลือกรูปภาพที่ต้องการ จะทีละรูปหรือหลายรูป ก็ได้ครับ

3.ระบบจะเริ่มทำงาน เมื่อเสร็จเราก็ดาวน์โหลด ออกมาเก็บไว้ครับ

ถ้าชอบหรือไม่ชอบก็ + 1 ด้วยจะดีมากเลยครับ ไม่ได้โดน + 1 มานานมากละครับ  Tongue


« แก้ไขครั้งสุดท้าย: 29 พฤศจิกายน 2015, 16:09:47 โดย fox4 » บันทึกการเข้า

เก็บ แพ็ค ส่ง บริการครบวงจร เก็บให้ แพ็คให้ ส่งให้

รับแพ็คสินค้า ราคายืดหยุ่นไม่มีสัญญาผูกมัด มองหาทีมแพ็คออนไลน์เลือกเรา
Legolas
Global Moderator
เจ้าพ่อบอร์ดเสียว
*****

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

กระทู้: 10,084



ดูรายละเอียด
« ตอบ #1 เมื่อ: 29 พฤศจิกายน 2015, 03:50:44 »

+1 ให้ครับ
บันทึกการเข้า




ตอนนี้มีโปร $29.99 Creative Fabrica ถูกที่สุดสำหรับทำ POD,KDP
ขาย License wp theme 5 ธีมจา่ก Themeforest Newspaper, KALLYAS, Puzzle, Valenti, Jarida ราคาถูกมาก pm มาได้เลยครับ
รับทำ vdo avartar สำหรับนำเสนอ aff ต่างประเท
fox4
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,127



ดูรายละเอียด
« ตอบ #2 เมื่อ: 29 พฤศจิกายน 2015, 04:06:53 »

ในไทยเสียวนี่น่าแบ่งสายคนนอนดึก คนนอนกลางวัน ครับคุณครับ ดีใจในรอบหลายเดือนในโลกไทยเสียว  Embarrassed
บันทึกการเข้า

เก็บ แพ็ค ส่ง บริการครบวงจร เก็บให้ แพ็คให้ ส่งให้

รับแพ็คสินค้า ราคายืดหยุ่นไม่มีสัญญาผูกมัด มองหาทีมแพ็คออนไลน์เลือกเรา
tumtac
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,323



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 29 พฤศจิกายน 2015, 04:49:05 »


ของผม คงไม่ทันรับประทานมั๊งครับ (แซวๆๆ)




คือว่าวันดีคืนดี เช่นวันนี้ ได้ถอดเอาไฟล์รูปภาพ ทั้งหลายนามสกุล เอามาลดขนาดลด ซึ่งได้เยอะเหมือนกัน
จาก 486 Mb เหลือ 256 Mb

ชื่อโปรแกรม FastStone Photo Resizer  เป็นของฟรีครับ ลดได้ แถมแปลงได้หลายนามสกุลเหมือน
ใช้มานานมากแล้ว เดียวไปลงทะเบียนแบบเสียตังค์ดีกว่า  ใช้ฟรีมานานแล้ว

เดียวก็นอนแล้วครับ...
บันทึกการเข้า

แก้ไขครั้งสุดท้าย: ชาตินี้ เวลา 25:26:05 โดย tumtac
Gangzaa!
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,086



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 29 พฤศจิกายน 2015, 08:55:57 »

ขอบคุณครับ wanwan017
บันทึกการเข้า

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

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

กระทู้: 1,072



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 29 พฤศจิกายน 2015, 09:05:18 »

ขอบคุณคร้าบผม  wanwan017
บันทึกการเข้า

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

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

กระทู้: 2,038



ดูรายละเอียด
« ตอบ #6 เมื่อ: 29 พฤศจิกายน 2015, 10:05:53 »

ขอบคุณครับสำหรับเทคนิดดีๆที่นำมาแชร์กัน
บันทึกการเข้า
Jir4yu
สมุนแก๊งเสียว
*

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

กระทู้: 817



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 29 พฤศจิกายน 2015, 10:42:14 »

เห็นด้วยครับ อย่าง tinypng, tinyjpg เนี่ยผมใช้บ่อยมากก่อนจะอัพขึ้นเว็บไซต์มาทำอะไรก็ตามแต่
ส่วน wordpress ก็ดีหน่อยใช้ plugin พวก ewww image optimizer จัดการรูปภาพให้

ลดขนาดไปได้เยอะ ยิ่งใช้กับ lazyload ด้วย เว็บเร็วขึ้นมากเลยครับ
บันทึกการเข้า

ติดตามข้อมูลอัพเดทข่าวสารอย่างมือถือ แอป เกม รวมถึงคริปโตได้ที่เว็บไซต์ thetechr.com - ข่าวไอทีใหม่ๆ ไม่พลาดทุกก้าวเทคโนโลยี
gd,lN
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,743



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 29 พฤศจิกายน 2015, 12:07:54 »

ใช่แล้วครับ รูปภาพทำให้โหลดเร็วขึ้น ลองเทสกับ g speed test ละ
บันทึกการเข้า

BIGALOW
สมุนแก๊งเสียว
*

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

กระทู้: 683



ดูรายละเอียด
« ตอบ #9 เมื่อ: 29 พฤศจิกายน 2015, 12:19:08 »

+1  ให้แล้วครับ

ขอบคุณ จขกท. มากๆ ครับ

เดี๋ยวผมลองไปใช้ดูมั่งนะ เว็บดีมีประโยชน์
บันทึกการเข้า

ห้ามใส่ link เว็บผิดกฎหมาย
หน้า: [1]   ขึ้นบน
พิมพ์