เป็นวิธีง่าย ๆ ค่ะ ไม่ยุ่งยากเท่าไหร่นัก แต่มีผลกับผู้ที่จะมาเปิดดูเว็บหรือบลอกของเรา .. เพราะเค้าจะใช้เวลาโหลดภาพที่นำมาประกอบในเวลาอันน้อยนิดทันใจ ไม่ต้องรอนานอีกต่อไป (ใช่ทุกบ้านจะติด 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

Comment:

Tweet

ขอเอาไปเผยแพร่หน่อยน้าค้า^O^ จะเอาไปเผยปพร่ที่เวปนี่น้าค้าhttp://www.niyay.com/story-25315/

#75 By คุ๊กกี้ (114.128.198.140) on 2010-03-20 19:04

มึนตึบsad smile sad smile sad smile sad smile sad smile sad smile sad smile sad smile

#74 By ่ำjedi (58.8.6.249) on 2010-03-19 11:51

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

#73 By sriwana1 (124.122.23.175) on 2010-02-13 00:27

#72 By (125.25.97.112) on 2010-02-12 08:55

*0*
เพิ่งรู้ว่ามีวิธีนี้ด้วย
จะลองไปทำดูค่า ^^

#68 By -:+Hell whalE+:- on 2009-07-18 21:19

ขอบคุณครับbig smile ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ

#64 By tongg on 2009-04-10 15:16

เพิ่งจะได้อ่านค่ะ
ดีมาก ๆ Hot! Hot! Hot! Hot! Hot! Hot!

#63 By peewa 丕娃 on 2009-04-09 14:12

พี่ถ่ายที่ลานไนท์บราซ่าใช่ป่ะ
surprised smile

#62 By ยาย่า (119.42.71.90) on 2009-04-01 19:53

เยี่ยมเลย...ขอบคุณสำหรับคำแนะนำครับผม

#60 By Rin-Kung on 2009-03-03 18:47

ขอบคุณนะค่ะ ^^

#59 By น้องใหม่ on 2008-05-17 00:38

ขอบคุณที่เอาสาระดีๆมาฝากกันค่ะ



แป้น


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

#58 By ปุ้มปุ้ย (118.172.226.207) on 2008-05-16 20:57

big smile โอ้ว!! ได้ความรู้ประดับตัวอีกหนึ่งอย่างแล้ว ขอบคุณครับ หัวบล็อกออกแบบได้น่ารักดีครับ

#57 By ชายคลอง on 2008-02-12 11:06

เพิ่งเถียงกับแฟนเรื่อง gif กับ jpeg นี่อยู่พอดี
ขอบคุณครับสำหรับฟามรู้


ที่นั่นยังหนาวอยู่รึเปล่า?
confused smile

#56 By chubbyhole on 2008-02-10 17:01

big smile open-mounthed smile เข้ามาขอบคุณอีกรอบ คงจะกลับมาใหม่พร้อมกับปรับปรุงตามคำแนะนำและติติงคะ แต่ขอพักสักระยะคะ

#55 By MayaKniGht on 2008-02-09 11:22

ดี มีประโยชน์ค่า เหมาะกับคนไม่รู้
เช่น เวลาฉันไปถามแล้วคุณนกฮูกชอบทำหน้าแบบว่า "แค่นี้ก็ไม่รู้" (ฮึ)

อยากอ่านการ์ตูนอีก มาอัพอีกน้า

#54 By nyanta on 2008-02-07 22:00

คำเตือน... ไม่ว่าภาพจะ File แค่ไหน แค่ถ้าคอมตูโดนไวรัสมันก็โหลดนานอยู่ดี

ปล. ตอนนี้กำลังโดนอยู่ เศร้า

#53 By Zeren on 2008-02-07 18:12

แบ่งปันสิ่งดีๆต่อกันexteen ถึงรวมแต่บล็อกดีๆทั้งนั้นเลยครับbig smile

#52 By 7same: (203.113.36.14) on 2008-02-07 04:41

เก่งจัง

#51 By บูมแบม on 2008-02-06 10:32

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

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

เอาไปใช้บ้าง big smile
ขอบคุณหลายจ้า

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

สมกับเป็นผู้ใช้เนทความเร็วต่ำ อิอิ

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

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

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

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

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

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

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

#42 By คุ๊บ on 2008-02-03 14:05

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

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

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

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

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

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

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

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

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

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

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


Hot!

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

เพิ่งเข้าใจไอ้"Save for web"ในโฟโต้ช้อป วันนี้เอง
555

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

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

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

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

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

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

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

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

เยี่ยมครับ

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

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

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

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

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

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

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

เอิ๊กๆ

question

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

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

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

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

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

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

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

สำหรับเรื่องของนามสกุลรูปภาพนะครับ 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Recommend