เป็นวิธีง่าย ๆ ค่ะ ไม่ยุ่งยากเท่าไหร่นัก แต่มีผลกับผู้ที่จะมาเปิดดูเว็บหรือบลอกของเรา .. เพราะเค้าจะใช้เวลาโหลดภาพที่นำมาประกอบในเวลาอันน้อยนิดทันใจ ไม่ต้องรอนานอีกต่อไป (ใช่ทุกบ้านจะติด Hispeed นะคะ เวลาโพสท์รูปคิดถึงคนที่บ้านมีเน็ทเต่าบ้างเน้อ..อย่างบ้านแป้นเป็นต้น ความไวเน็ท 56K บางวันโชคร้ายได้ความไวเน็ทมาแค่ 19K กว่าจะโหลดเมลล์หรือบลอกอ่านแต่ละที...อาบน้ำรอได้เลย 5555  )

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

มาเข้าเรื่องกันเลยดีกว่าเนอะ....

เตรียมรูปที่จะนำมาโพสท์

ตัดภาพ( crop )ขนาดความกว้าง x ความสูง ตามที่ต้องการก่อนนะคะ

หลังจากนั้นเปิดภาพที่เตรียมไว้ในโปรแกรม Photoshop ค่ะ คลิ๊ก file > Save for web

คลิ๊กปุ๊บจะมีหน้าต่าง Save for web ขึ้นมาให้เราเลือก ว่าเราจะเซฟภาพแบบไหน?

วงกลมสีแดงด้านขวามือสุด จะมีนามสกุลภาพให้เราเลือกค่ะ

ภาพถ่าย : แนะนำให้ใช้นามสกุลภาพที่เป็น jpeg

ภาพวาดที่มีองค์ประกอบสีไม่เยอะ เหมือนการ์ตูนไอ้แป้น : แนะนำให้ใช้นามสกุล GiF ค่ะ

ความละเอียดภาพ อยู่ประมาณ Medium ก็พอแค่โหลดดูเฉย ๆ ความละเอียดไม่ต้องเยอะหรอกค่ะ เสียเวลาโหลดเปล่า ๆ ถ้าส่งโรงพิมพ์ก็ว่าไปอย่าง

Quality : อยู่ประมาณ 40 - 50

ปล. สามารถเปลี่ยนแปลงได้ตามความพอใจของเจ้าของภาพนะคะ

สังเกตดูจาก Preview ทั้ง 4 ช่องประกอบด้วยจะเห็นข้อแตกต่างชัดขึ้นค่ะ

รูปนี้แป้นเลือกใช้นามสกุลภาพ jpeg ความละเอียด Medium

ความเร็วในการโหลดภาพนี้จะอยู่ที่ 17 sec (วินาที) เองค่ะ

แต่..อาจมีคนสงสัย ถ้าเราไม่ save for web แล้วใช้วิธีเซฟรูปแบบธรรมดาเหมือนเดิมที่เคยทำ

อยากรู้ว่าจะใช้เวลาโหลดเท่าไหร่..

ลองเอาภาพเดิมมาเปิดดู.....ความละเอียดภาพ very high :  Quality 80

โอ้..แม่เจ้า 305 sec (วินาที = 5 นาทีกว่า ๆ ) ถ้าเว็บหรือบลอกนั้นมีมากกว่า 10-30 รูป

คนที่แวะมาอาจจะเลี่ยงไปดูเว็บอื่นรอก่อน จนลืมกลับมาอีกก็ได้ค่ะ 

ภาพด้านซ้าย : ภาพต้นฉบับที่ยังไม่ได้ทำอะไรทั้งนั้น ใช้เวลาโหลด 5 นาทีกว่า ๆ

ภาพด้านขวา : ภาพที่ทำการ Save for web ใช้เวลาโหลด แค่ 17 วินาที

ถามว่า 2 ภาพ " แค่ดู " แตกต่างกันไหม ?

แป้นว่า..เหมือนกันยังกะแกะ ประโยชน์ที่นำมาใช้ต่างกันเท่านั้นเอง

....

สำหรับภาพที่เป็นการ์ตูนลายเส้น หรือภาพที่มีองค์ประกอบสีไม่เยอะ

เหมาะที่จะ save ภาพ นามสกุล GIF ค่ะ ...

อาจมีบางคนสงสัยเซฟ jpeg ได้ป่ะ เซฟได้ค่ะ แต่..ใช้เวลาโหลด 32 วินาทีนะ

แต่..ถ้าเซฟนามสกุล GIF ใช้เวลาโหลดแค่ 11 วินาทีเองค่ะ

ยังมีคนเถียง : ฉันโหลดรูปที่บ้านก็ไม่เห็นมันจะนานเลยนี่นา

ใช่ค่ะ ไม่นานเพราะเครื่องคอมที่บ้าน มีรูปอยู่แล้วคลิ๊กปุ๊บ เด้งมาปั๊บ

แต่..สำหรับคนอื่น คอมพิวเตอร์เครื่องอื่นที่ไม่เคยมีรูปนี้ในเครื่องมาก่อน.. นานค่ะ บางครั้งนานมาก ๆ

 .....

เราต้องเลือกสิ่งที่ดีที่สุดสำหรับตัวเองเสมอ

แต่...

บางครั้งก็ต้องเลือกสิ่งที่ดีที่สุดสำหรับผู้อื่นควบคู่กันด้วยนะ

ขอให้มีความสุขกับการโพสท์รูป และ หลายคนที่มีความสุขกับการได้ดูรูปเช่นกันค่ะ

.... 

ปล.แป้นแวะมาเพื่อป้ามายาค่ะ ทีแรกตั้งใจจะส่งเมลล์ให้ป้า

แต่เห็นว่ามันน่าจะมีประโยชน์กับเพื่อน ๆ คนอื่นด้วย เลยแวะเอามาโพสท์ลงบลอกให้อ่านกันค่ะ

..... 

แป้นไม่อยากให้ป้าไปไหนนะ อยู่กับแป้นก่อน ปัญหาที่เกิดขึ้นเรามาหาทางแก้ไขดีกว่าค่ะ

ยิ่งหนี ยิ่งเหนื่อย สู้ ๆ ดีกว่าเนอะ   

ภารกิจยังไม่เสร็จสิ้น จะหายไปอีกสักพักนะ...ขอบคุณทุกคนที่ยังแวะมาสม่ำเสมอค่ะ ^^

 

 

เพื่อนคนไหนมีวิธีที่ง่ายกว่านี้ เอามาแชร์กันหน่อยนะ..แป้นก็รู้อยู่วิธีเดียวนี้แหละ 

Edit : บลอกพี่พลอยจ๋า

แนะนำวิธีการใช้ iFrame แยก Run แยก Load ช่วยให้โหลดเว็บเพจได้ไวขึ้นค่ะ << ไปดูกันเลย

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

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

ปล. คุณแป้นหายไปนาน คิดถึงจังครับbig smile

#1 By จิปาถะ on 2008-02-02 01:03

โอ้ว พึ่งรู้ว่ามันทำแบบนี้ได้ด้วย ขอบคุณก๊าconfused smile

#2 By HineyHelsinki on 2008-02-02 01:03

เดี่ยวพี่พลอยจ๋า ขอนำพาเป็นเอนทรี่ต่อยอดเนอะ มีอีกวิธีหนึ่งพี่ใช้อยู่ก็ไว้ดีค่ะ โหลดตัวช่วยแยกหน้าเวบเพจแปะไว้ในบล็อกเราเลย เพื่อป้ามายา(พี่ตู่ของพลอยจ๋า กิกิ) รวมพลังกันเนาะ มิน่าว่าอยู่ว่าพี่ตู่หายไปไหน..ขอหนึ่งวันร่างการเขียนนะค่ะ

ขอบคุณค่ะที่ร่วมพลังช่วยพวกเรากันนะค่ะคุณแป้น

question question question

#3 By พี่พลอยจ๋า on 2008-02-02 01:08

อุ้ย...ขอบคุณมากคับ
ผมหลงนึกว่า png/gif จะโหลดโหดกว่า jpeg ซะอีก

#4 By on 2008-02-02 01:10

# 1 คุณจิปาถะ
คิดถึงเหมือนกันค่ะ รีบไปแล้วจะรีบกลับนะ big smile
# 2 hiney big smile big smile
# 3 พี่พลอยจ๋า
โพสท์เมื่อไหร่เอาลิงค์มาฝากที่บลอกด้วยนะคะ big smile
# 4 หมอโรคจิต
เรื่องนามสกุลภาพแป้นก็ไม่ถนัดนักหรอกค่ะ อาจจะมีผู้รู้เข้ามาตอบให้อีกที big smile big smile

ขอบคุณที่แวะมาค่ะ ... นอนดึกจัง sad smile
แป้นไปนอนก่อนดีกว่า บาย ๆ ค่ะ big smile big smile

#5 By ไอ้แป้น : i-phan on 2008-02-02 01:32

แหล่มเลย

#6 By PUMP201 on 2008-02-02 01:55

วิธีนี้ก็เพิ่งทราบค่ะคุณแป้น
ดีจังค่ะ
จะได้เปลี่ยนนามสกุลรูปที่ลงใหม่
เวลาโหลดจะได้เร็วๆ ขอบคุณมากนะคะ ^^

#7 By moodee on 2008-02-02 02:01

ขอบคุณหลายๆ เดี๋ยววันหลังจะลองเอาเทคนิคนี้ไปใช้มั่ง Hot!

#8 By Eddy on 2008-02-02 03:10

confused smile แบบนี้เค้าเรียกเร็วกว่าได้เปรียบครับ เหอๆ
ว้าววว แป้นมีฮาวทูก่าเค้าด้วยย big smile
เยี่ยมมากเลยซาร่าห์...จะพยายามใช้รูปconfused smile

#11 By wesong on 2008-02-02 06:57

กรณีภาพสีน้อย ๆ Gif ก็เหมาะมากจริง ๆ ครับ
ถ้าไม่ใช่นี่... jpg จะเล็กกว่าจมเลยตรับ

#12 By นิเกะ on 2008-02-02 07:59

เดี๋ยวนี้คุณแ้ป้นพัฒนามาใช้ Photoshop แล้วนิ
เมื่อก่อนเห็นใช้ paint อยู่ใช่ป่ะ
แล้วตอนนี้วาดการ์ตูนใช้ tool อะไรครับ
ยังใช้ paint เหมือนเดิมป่ะครับ

ที่พูดมาทั้งหมถูกต้องเลยล่ะครับ
(รายละเอียดเหมือนเรียนวิชาการฟฟิกสมัยเรียนเด๊ะเลย)big smile
อืมมมม ความรู้ใหม่ เด็ดดดดมากกกกกค่ะ

ขอบคุณนะคะ เพราะส่วนมากเลือกแค่ขนาดเองอ่ะค่ะ แหะๆ

#14 By *รักเร้น* on 2008-02-02 08:07

เป็นวิธีที่ดีครับ

#15 By นายฉิม on 2008-02-02 08:10

big smileแล้วจะไปลองใช้ค่ะ

#16 By ตุ้มเป๊ะ on 2008-02-02 08:32

VaR จะ resize ภาพก่อนลง Blog ค่ะ และก็ฝากไว้ที่ photo bucket big smile

#17 By V@R on 2008-02-02 08:41

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

#18 By MayaKniGht on 2008-02-02 09:57

โห.. ไม่เคยทำแบบนี้เลยค่ะ ขอบคุณสำหรับความรู้ใหม่ๆนะคะพี่แป้น ส่วนเรื่องภารกิจก็ขอให้สำเร็จผ่านพ้นด้วยดีนะคะ
ปล. อย่าลืมรักษาสุขภาพด้วยน้า~ บางกอกฝนตกอีกแล้วววว cry

#19 By maebin on 2008-02-02 10:08

เป็นวิธีที่ดีจังbig smile

#20 By wasin on 2008-02-02 10:12

เราก็รู้เท่าที่แป้นรู้เหมือนกันอ่ะ

นั่นสิ พี่มายาเค้าจะเลิกทำบล็อก ตกใจ ไม่อยากให้เลิก
จะช่วยไงดีน้อembarrassed พี่มายาสู้double wink

#21 By MamiLuv on 2008-02-02 10:15

ทำเเต่เเบบนี้เหมือนกันค่า เพราะว่าเน็ตก็เต่าเหมือนกัน ถ้ารูปหย่ายยยเวลาอัพโหลดขึ้นเเต่ละทีโฮ้ยยยมะโห

เห็นด้วย ใครมีวิธีอื่นๆมาเเบ่งกันบ้างง

#22 By KusaYoshi on 2008-02-02 10:29

*-*
ผมก็เพิ่งไปค้นพบว่า ไอ้เจ้า photoshop cs2 เนี้ยมันมี Save for web อ่ะ หลงเซฟปกติอยู่นาน
ขอบคุณคุณแป้นมากครับ

กึ๊ดเติงๆเน้อ
^-^V

#23 By ::poompuien:: on 2008-02-02 11:06

Hot! ขอบคุณสำหรับคำแนะนำดีๆค่ะ big smile

#24 By HOMO(sap)IENS on 2008-02-02 11:20

ใช้เทคนิคนี้อยู่เหมือนกันค่ะ
big smile Hot!

#25 By ~memay~ on 2008-02-02 13:02

สำหรับเรื่องของนามสกุลรูปภาพนะครับ double wink
------------------------

- GIF (ออกเสียง จิ๊ฟ) เป็นนามสกุลของรูปที่เก็บสีได้เพียง 256 สีเท่านั้น จึงทำให้โหลดรูปภาพได้เร็ว เหมาะสำหรับรูปที่ไม่มีการไล่ระดับสี และสนับสนุนการทำรูปโปร่งใส (Transparent)

- JPG/JPEG/JPE (ออกเสียง เจเป็ก) เป็นนามสกุลของรูปที่เก็บสีในระดับ 16 ล้านสี ทำให้รูปที่ได้มีสีสันสวยงาม แต่ขนาดที่ได้อาจจะใหญ่ เราสามารถบีบอัดรูปประเภทนี้ได้ แต่คุณภาพของรูปจะลดลงตามไปด้วย

- PNG (ออกเสียง ปิง) เป็นนามสกุลของรูปที่เพิ่งพัฒนาใหม่ แสดงสีระดับ 16 ล้านสี รองรับการทำภาพโปร่งใส (Transparent) และรูปกึ่งโปร่งใส (Semi-transparent)

วิชาการมากไปป่าวเนี่ย sad smile

#26 By xViStA on 2008-02-02 15:07

รูปไม่ขึ้นหลายรูปเลยค่ะ

#27 By eeddy(อี๊ด) on 2008-02-02 15:39

เอาดาวไป ชะชะช่า Hot!

#28 By shimeatsky on 2008-02-02 16:22

ขอบคุณมากๆเลยค่ะ
คือบางทีเราก็ลืมนึกถึงจุดนี้ไปน้อ~~
ต่อไปจะลองทำดูจ้า confused smile

#29 By No-R...overdose on 2008-02-02 17:27

ขอบคุณมากค่ะ

ไม่บอกไม่รู้นะเนี่ย

จะได้เอาไปลองใช้ดูค่ะ

เผื่อจะได้ดูเหมือน hispeed ขึ้นมาบ้าง

เอิ๊กๆ

question

#30 By Grammarman on 2008-02-02 18:58

คิดถึงจังเลย เราเอาตุ๊กตาของแป้นไปไว้ที่ออฟฟิศล่ะ surprised smile surprised smile
ขอบใจมากเลยนะจ๊ะ

#31 By Bew on 2008-02-02 19:17

เยี่ยมครับ

#32 By flyingafroo on 2008-02-02 19:28

ขอเสริม เรื่องการเลือกภาพว่าจะใช้แบบ gif หรือ jpeg ดี
gif ใชกับไฟล์ที่มีสีน้อย ๆ จะดี พวกภาพวาดขาวดำ , การ์ตูน ที่มีสีตัดกันอย่างชัดเจน เซฟเป็นฟอร์แม็ตนี้จะได้ไฟล์ที่มีขนาดเล็กกว่า

แต่ถ้าเป็น jpeg เหมาะกับไฟล์ภาพถ่าย ภาพวาดที่มีการไล่เฉดสีมาก ๆ อันนี้จะได้ขนาดเล็กกว่า gif

png แบบนี้เหมาะกับภาพที่มีพื้นหลังโปร่งใส และมีการไล่ความโปร่งใส หรือ Fade แบบนี้จะดีกว่า เนียนกว่า gif แต่ถ้าโปร่งแบบไม่ต้องไล่ความโปร่งใส ใช้ gif ดีกว่านะครับ

ส่วน Save for web ใช้ได้กับทั้ง 3 ฟอร์แม็ตที่กล่าวมานะครับ

#33 By เจ้าชายน้อย on 2008-02-02 21:25

บางรูปไม่ขึ้นนะคะ แต่อ่านเอาก็รู้เรื่องค่ะ และทำให้เรารู้อะไรมากขึ้นเยอะเลยล่ะค่ะ ขอบคุณมากนะคะopen-mounthed smile

#34 By ::SeaL World:: on 2008-02-02 21:45

ขอขอบคุณคุณแป้นไว้ ณ ที่นี้อีกครั้งครับ
เพิ่งเข้าใจไอ้"Save for web"ในโฟโต้ช้อป วันนี้เอง
555

#36 By Tabun man on 2008-02-02 23:34

อธิบายได้เข้าใจดีมากครับ ชอบมาก
อยากรู้เรื่องนี้มากเพราะใช้ภาพเยอะเหมือนกัน 5555
เคยลองทำดูเหมือนกัน พอภาพเริ่มแตกก็ดันเสียดายภาพ
(ทั้งทั้งที่คนดูอาจไม่คิดconfused smile )ปกติชอบเซฟเป็นjpeg
อ่านนี่แล้วว่าจะลองไปทำเป็นGIFดู
ขอบคุณสำหรับข้อมูลดีดีครับ big smile


Hot!

#37 By GPEN on 2008-02-03 07:55

เป็นวิธีการทำรูปลงเว็บให้เน็ตช้าโหลดได้เร็ว ที่น่าจะนำไปใช้

คุณค่าที่ผมคู่ควร confused smile

#38 By หนึ่ง on 2008-02-03 09:22

โอ้วววววววววว

มีประโยชน์อย่างเเรงเลยคร่ะ

อิอิbig smile
big smile ขอบคุณๆ นะค้าบบบ
ละเอียดยิบทีเดียว

ปล.เพิ่งได้เดินทางไปรับของที่ส่งมา(วันนั้นไม่มีใครอยู่บ้านน่ะครับ..แป้นน้อยเลยไปอยู่ที่ไปรษณีย์หลายวัน ) ขอบคุณนะค้าบบบบbig smile

#40 By GuGGGar on 2008-02-03 11:38

โอ๊ะ โอ...สงสัยบล๊อก เรา คุณแป้นต้องอาบน้ำรอหลายรอบsad smile
จะลองเอาไปใช้ดูน๊า sad smile sad smile sad smile

#41 By (^_^)/nana on 2008-02-03 12:38

อู้ววว ประโยชน์แฮะ
Hot! Hot! Hot! Hot! Hot!
ขอบคุณมากน้าค้า

#42 By แกงไตปลา on 2008-02-03 14:05

นักเขียนน่ารักจัง แนะนำวิธีดีๆด้วยbig smile

#43 By 2spot studio on 2008-02-03 15:00

ขอบคุณที่เอามาแชร์กันนะ

#44 By book on 2008-02-03 15:16

ขอบใจมากนะจ้า ที่เอามาบอกต่อ ใช้ได้ดีเลยทีเดียวจ้า

#45 By NihaoJAA on 2008-02-03 15:58

ขอบคุณคุณแป้นมากๆ สำหรับการ์ดและพวงกุญแจค่ะ ตอนแรกว่าจะเอาไปใช้แล้วเปลี่ยนใจ กลัวมันเปื้อนน่ะค่ะ
เด๋วหาโปสการ์ดสวยๆส่งไปมั่งนะคะbig smile
เวรกำ ไม่เคยนึกถึงเรื่องนี้เลยเรา sad smile
สมกับเป็นผู้ใช้เนทความเร็วต่ำ อิอิ

รอดูบทความต่อไปนะคับcry
เอาไปใช้บ้าง big smile
ขอบคุณหลายจ้า

#49 By Chockajub on 2008-02-04 10:20

ขอบคุณครับบบบบบconfused smile big smile open-mounthed smile

#50 By nonworld on 2008-02-04 10:41

ไอ้แป้น : i-phan View my profile

Recommend