[note] ทำไมต้อง save for web?
posted on 22 Jul 2007 01:59 by rije in HowTo
ไม่รู้ว่าจะถือว่าเป็น Tutorial ได้ไหม
เอาเป็นว่าเป็น note ของผมละกัน
ถ้ามีประโยชน์จะดีใจมาก 555+
========================

tips : ใช้เมื่อตอนจะเซฟ แล้วอยากรู้ว่า quality ภาพเท่าไหร่
ควรเซฟเป็นไฟล์อะไรดี? ภาพจะไม่แตกและไฟล์ไม่ใหญ่ไป

tips : Preset เลือกรูปแบบการเซฟว่าจะเซฟเป็นไฟล์แบบไหนดี
อันนี้ขึ้นอยู่กับภาพด้วยนะครับ ว่าเมื่อเลือก jpeg ,gif หรือ png
แล้วขนาดไฟล์เป็นอย่างไร แล้วภาพยังคง quality เหมือนเดิมไหม
ก็เลือกๆ เอาตามความเหมาะสมนะครับ

tips : ส่วนด้านบนซ้ายนะครับ
เลือกทำไม? เลือกเพื่อดูความต่างของภาพ
หากเลือก 2-Up จะมีภาพ 2 ฝั่งมาให้เปรียบเทียบ
ซึ่งหากให้ซ้ายเป็น original ให้คลิกที่ภาพขวา
แล้วเลือกว่าจะให้เป็นไฟล์อะไร มันจะเปรียบเทียบให้
ซึ่งทำให้เรารู้ว่าภาพของเราเซฟไฟล์นี้ quality ต่างกันยังไง

tips : ดูที่ด้านล่างรูปทั้งสองนะครับ ไม่ได้แคปภาพมา
จะเห็นว่าภาพผม original จะขนาด 399k
แต่หากเซฟเป็น jpeg ที่ 60 quality จะเหลือแค่ 28.44k

tips : ลองเลือกเป็น GIF ดูบ้างนะครับ
GIF มีให้เลือกหลายรูปแบบ ว่าจะใช้กี่สีดี?
ก็ตรงที่ 128 dithered อ่ะครับมีให้เลือกต่ำกว่านี้ด้วย

tips : ลองแบบ GIF 128 ดูนะครับ
ไฟล์ใหญ่กว่า jpeg อีกครับ แต่ภาพจะแตกหรือแย่กว่ายังไงนี่
ต้องดูที่ภาพเทียบกับ original นะครับ แล้วตัดสินใจ
ว่าควรจะเซฟเป็นอะไรดี?

tips : จะเห็นว่าเซฟเป็น PNG จะกินพื้นที่เยอะที่สุด
เพราะ PNG จะเก็บได้ละเอียดมากครับ
อย่างหากทำภาพที่มี transparent มาให้ขอบฟุ้งๆ
ให้มองทะลุผ่านไรเนี่ย พอเซฟเป็น PNG เอาไปใช้
ภาพจะดู smooth เหมือน original มากกว่าเซฟ GIF
แต่ก็อย่างที่เคยว่าไว้ใน entry เก่าๆ นะครับว่ามันไม่โชว์
คือไม่แสดงผลใน IE ครับ >< แง่ม แย่ไปเลย
จะเอาไปใช้ยังไงก็ระวังกันหน่อยละกันครับ
==================================
หมดแว้วครับ หากสงสัยตรงไหนก็โพสถามละกันนะครับ
อ่าน note ไปด้วย ฟังเพลงเพราะๆ กันไปด้วย ชิวดีจริงๆ
สำหรับผม ตอนนี้ไม่ไหวแล้ว หน่วงมากครับ
หากมีคำพูดไหนผมพิมพ์ผิดก็ขออภัยด้วย เพราะเบลอมาก
แล้วเจอกับ entry หน้านะครับ ฝันดีครับทุกคน ^^/
เอาเป็นว่าเป็น note ของผมละกัน
ถ้ามีประโยชน์จะดีใจมาก 555+
========================

tips : ใช้เมื่อตอนจะเซฟ แล้วอยากรู้ว่า quality ภาพเท่าไหร่
ควรเซฟเป็นไฟล์อะไรดี? ภาพจะไม่แตกและไฟล์ไม่ใหญ่ไป

tips : Preset เลือกรูปแบบการเซฟว่าจะเซฟเป็นไฟล์แบบไหนดี
อันนี้ขึ้นอยู่กับภาพด้วยนะครับ ว่าเมื่อเลือก jpeg ,gif หรือ png
แล้วขนาดไฟล์เป็นอย่างไร แล้วภาพยังคง quality เหมือนเดิมไหม
ก็เลือกๆ เอาตามความเหมาะสมนะครับ

tips : ส่วนด้านบนซ้ายนะครับ
เลือกทำไม? เลือกเพื่อดูความต่างของภาพ
หากเลือก 2-Up จะมีภาพ 2 ฝั่งมาให้เปรียบเทียบ
ซึ่งหากให้ซ้ายเป็น original ให้คลิกที่ภาพขวา
แล้วเลือกว่าจะให้เป็นไฟล์อะไร มันจะเปรียบเทียบให้
ซึ่งทำให้เรารู้ว่าภาพของเราเซฟไฟล์นี้ quality ต่างกันยังไง

tips : ดูที่ด้านล่างรูปทั้งสองนะครับ ไม่ได้แคปภาพมา
จะเห็นว่าภาพผม original จะขนาด 399k
แต่หากเซฟเป็น jpeg ที่ 60 quality จะเหลือแค่ 28.44k

tips : ลองเลือกเป็น GIF ดูบ้างนะครับ
GIF มีให้เลือกหลายรูปแบบ ว่าจะใช้กี่สีดี?
ก็ตรงที่ 128 dithered อ่ะครับมีให้เลือกต่ำกว่านี้ด้วย

tips : ลองแบบ GIF 128 ดูนะครับ
ไฟล์ใหญ่กว่า jpeg อีกครับ แต่ภาพจะแตกหรือแย่กว่ายังไงนี่
ต้องดูที่ภาพเทียบกับ original นะครับ แล้วตัดสินใจ
ว่าควรจะเซฟเป็นอะไรดี?

tips : จะเห็นว่าเซฟเป็น PNG จะกินพื้นที่เยอะที่สุด
เพราะ PNG จะเก็บได้ละเอียดมากครับ
อย่างหากทำภาพที่มี transparent มาให้ขอบฟุ้งๆ
ให้มองทะลุผ่านไรเนี่ย พอเซฟเป็น PNG เอาไปใช้
ภาพจะดู smooth เหมือน original มากกว่าเซฟ GIF
แต่ก็อย่างที่เคยว่าไว้ใน entry เก่าๆ นะครับว่ามันไม่โชว์
คือไม่แสดงผลใน IE ครับ >< แง่ม แย่ไปเลย
จะเอาไปใช้ยังไงก็ระวังกันหน่อยละกันครับ
==================================
หมดแว้วครับ หากสงสัยตรงไหนก็โพสถามละกันนะครับ
อ่าน note ไปด้วย ฟังเพลงเพราะๆ กันไปด้วย ชิวดีจริงๆ
สำหรับผม ตอนนี้ไม่ไหวแล้ว หน่วงมากครับ
หากมีคำพูดไหนผมพิมพ์ผิดก็ขออภัยด้วย เพราะเบลอมาก
แล้วเจอกับ entry หน้านะครับ ฝันดีครับทุกคน ^^/
Tags: howto, save, save for web2 Comments














ขอบคุณๆๆ
#1 By ☠GriefCreW☠ on 2007-07-22 20:41