เพิ่มสปีดโหลดหน้าเว็บด้วยการบีบอัดรูป

เริ่มโดย kaokame, 08 สิงหาคม 2011, 09:39:32

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

kaokame

ความประทับในในการโหลดหน้าเว็บเพจมันก็สำคัญเหมือนกันนะ
เว็บโหลดเร็ว ใครก็อยากเข้ามาชมมาเยี่ยมอีกเนอะ วันนี้เลยเขียน How-to เล็กๆมาแบ่งปันค่ะ (มันเบสิก+กากมากโปรดทำใจ)

ทำไมต้องบีบอัด

- ก็เพราะเว็บที่มีภาพเยอะ ๆ มันโหลดยากฉิบหอยเลยน่ะสิคะ
  จะเสพแต่ละที ปั่น F5 จนฟ้าเหลืองก็ยังไม่ถึงออกัสซั่ม
  วุ้ย! ปวดใจ บางทีก็ปิดเว็บหนีกันไปเลยก็มี

เข้าเรื่องๆๆ >>>> HowTo บีบอัดรูปเพื่อสุขภาพที่ดีกว่า <<<<<
เพื่อประชากรเน็ตเต่าและเพื่อสุขภาพที่ดีกว่าของเว็บ (เหรออออ)

1. ก่อนที่ท่านจะโพสรูปลงบล็อกให้ท่านยัดมันใส่ photoshop เสียก่อน (ลากรูปใส่โปรแกรม หรือเปิดโปรแกรมแล้ว file > open)

2. เลือกเมนู File > Save for web

3. ทีนี้ก็เข้าสู่กระบวนการบีบอัด หน้าต่างมันจะเป็นยังงี้ (ให้เลือกแท็บ 4- up)



   3.1 (ดูที่เลข 1 ภายในรูป)โปรแกรมจะแสดงตัวอย่างการบีบอัด ลดขนาดคุณภาพของรูปให้เราดูสี่ตัวอย่าง

       ด้านซ้ายแถวบนเป็นภาพที่ไม่ถูกบีบอัดหรือลดคุณภาพ (ต้นฉบับ)

       ด้านขวาแถวบนและสองช่องแถวล่างเป็นภาพที่ถูกลดคุณภาพลงมา
       เรียงตามคุณภาพ ดี > ปานกลาง > ต่ำ

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



ดูที่ด้านล่างของภาพ จะแสดงรายละเอียดให้เราดู
บรรทัดแรก เป็นภาพรูปแบบเจเป็ก คุณภาพ 60
บรรทัดที่สอง เหลือขนาด 60 K กว่าๆ จากต้นฉบับ 136 K
บรรทัดที่สาม เวลาในการแสดงบนบนเว็บ โหลดเส็ดภายในเวลา 22 วินาที จากอินเทอร์เน็ตความเร็ว 28.8 kb

       3.2  ถ้าอยากกำหนดแบบละเอียด ให้ดูที่หมายเลขสอง (แต่อย่างลืมคลิกตัวอย่างภาพให้เป็นกรอบสีน้ำเงินก่อน)


เราสามารถเลือกประเภทของภาพได้ว่าจะให้เป็น JPEG เป็น GIF หรือ PNG ได้
ถ้ารูปของเราไม่ใช่ภาพเคลื่อนไหว หรือภาพที่มีบางส่วนโปร่งใส
ให้เลือกเป็น JPEG ดีกว่า เพราะไฟล์จะเล็กที่สุด บีบอัด ลดคุณภาพได้มากกว่าประเภทอื่น

แล้วเลือกคุณภาพว่าจะให้เป็น ไฮด์ มีเดียม ลาว ในที่นี้เลือกเป็น High คุณภาพ 60 (ช่อง Quality)
ดูให้เหมะสม ภาพไม่แย่จนเกินสายตามนุษย์รับได้

3.3 ถ้าภาพมีความกว้าง+ความสูงมากไปเกินความจำเป็นก็จัดการลดไซต์ซะ ยิ่งใหญ่ยิ่งโหลดนาน ที่ช่องนี้



แล้วอย่าลืมคลิก Apply

4. เมื่อปรับจนพอใจแล้วก็คลิก Save ได้เลยค่ะ

มาดู มาดูผลลัพธ์

นี่ภาพต้นฉบับ ขนาด 470 K โอ้ จะใหญ่ไปไหน ลดเหลือ 60 K แม้แต่เน็ตเต่าก็โหลดสบาย



ภาพที่ได้ก็ไม่ได้แย่กว่าเดิมมากมาย เพราะเดิมมันแย่อยู่แล้ว

จบแระ จบแบบดื้อ ๆ เขียนงงๆ มั่วๆ อ่านไม่เข้าใจก็ขอโทษนะคะ   :P
         
[direct=http://sakura-g-design.blogspot.com/]รับทำแบนเนอร์ รับทำหัวเว็บ[/direct]