มือใหม่หัดขยาย หด ลด ขนาด ภาพ .JPEG .GIF [1]

บทนำ ทำความรู้จัก

ค่ะ มีเสียงเรียกระงมมานานเกี่ยวกับการปรับขนาดภาพเพื่อใช้ upload เป็น Logo หรือ ใช้ประกอบเรื่องใน blog ว่าทำอย่างไร คนที่เก่งอยู่แล้วก็คงคิดว่า หมูๆ แต่คนที่เป็นมือใหม่ ไม่คุ้นกับการทำ graphic หรือเพิ่งหัดใช้คอมพิวเตอร์ ก็คงจะต้องมะงุมมะงาหรากันอยู่นาน กว่าจะทำได้ ไม่ก็อาศัยน้องนุ่งลูกหลานและเพื่อนฝูงมาทำให้ แล้วก็มานั่งคิดว่า ถ้าเราทำเป็นเองก็คงจะดี (จะได้ไม่ต้องง้อให้ใครมาช่วย) วันนี้ก็เลยนำบทเรียนลัดมาฝากกันค่ะ ลองดูนะคะว่าจะช่วยให้เข้าใจมากขึ้น และทำเองได้หรือเปล่า (ลุ้นระทึก)

ขนาดของไฟล์ภาพที่สามารถ Upload ใช้ใน oknation blog

1. Blogger's Logo
ต้องเป็นไฟล์ .jpg .jpeg. .gif ขนาดไม่เกิน 25 kb

2. Files Manager
ต้องเป็นไฟล์ .jpg .jpeg .gif ขนาดไม่เกิน 100 kb
วิธีลงภาพประกอบเรื่อง
http://www.oknation.net/blog/manual/2007/02/07/entry-1  << คลิก

3. Picture Gallery
ต้องเป็นไฟล์ jpg , gif , jpeg , png ขนาดไม่เกิน 5 mb
วิธี Upload ภาพขึ้น Photo Gallery ของ Oknation
http://www.oknation.net/blog/nanahahe/2008/05/16/entry-1 << คลิก

ภาพสกุล JPEG กับ GIF ต่างกันอย่างไร

ไฟล์ .jpeg จะใช้การบีบอัดภาพ ส่วน .gif ใช้การบีบอัดของข้อมูลของภาพ  ภาพภาพเดียวกันถ้า save เป็น gif จึงมักจะมีขนาดใหญ่กว่าภาพที่ save เป็น .jpeg เพราะต้องเก็บข้อมูลมากกว่า 
(สำหรับไฟล์ .png ที่มีขนาดเล็กกว่า .gif แต่ก็มีข้อจำกัดเช่น เล่น animation ไม่ได้ browser รุ่นเก่าๆไม่ support คงต้องรอให้พัฒนามากกว่านี้ก่อน - เท่าที่ทราบมาเป็นอย่างนี้ จะ update อีกทีนะคะ)

ต่างจากกรณี ที่เป็นภาพที่มีไม่กี่สี (น้อยกว่า 256 สี) ควร save เป็น .gif ไฟล์แบบ compression เช่น Logo, graphic text, ไฟล์ที่ใช้สีโดดๆเป็นส่วนใหญ่  ไฟล์จำพวกนี้ถ้าเดิม save เป็น .jpg หรือ .jpeg  จะใช้พื้นที่มากเกินจำเป็น แม้จะมา compress เป็น .gif ไฟล์ทีหลัง ซึ่งจะทำให้ได้ภาพเบลอไม่คมชัด แถมยังใช้พื้นที่มากกว่าการ save เป็น gif ไฟลตั้งแต่แรกเสียอีก

ไฟล์ที่ save เป็น .jpg นั้น เมื่อมีการเปิด แก้ไข ปรับ แต่ละครั้งความคมชัดจะลดลงเรื่อยๆ เพราะฉะนั้น ควรใช้ภาพต้นฉบับในการปรับแต่งแต่ละครั้ง และไม่ save เป็น .jpg จนกว่าจะแต่งภาพเสร็จและsave ให้เรียบร้อย

ดังนั้น จึงควรเลือกชนิดไฟล์ที่จะ save ให้ถูกต้องค่ะ

ได้อย่าง เสียอย่าง

ภาพที่มีความละเอียด มีมากสี มี size ใหญ่ ขนาดของภาพที่ใหญ่มากนั้น จะทำให้ต้องการพื้นที่ในการเก็บข้อมูลมากตามไปด้วย แล้วยังทำให้ใช้เวลาในการ upload-download นานขึ้นอีกด้วยเช่นกัน ดังนั้น ถ้าต้องการให้เปิดบล็อกได้เร็ว ก็ควรเลือกใช้ภาพที่มีขนาดไม่ใหญ่จนเกินไป หาโปรแกรมจัดภาพที่ประหยัดเนื้อที่ของ server  ก็จะดีมากค่ะ

ดูตัวอย่างภาพเดียวกัน save ที่เป็นไฟล์ .JPEG กับ GIF  และมีความกว้าง x ยาว แสง สีต่างกัน ว่ามีขนาดของภาพใหญ่หรือเล็กขึ้น-ลงอย่างไรนะคะ

เปรียบเทียบความเปลี่ยนแปลงของภาพต้นฉบับที่นำไปลดขนาด ปรับแสง หรือเปลี่ยนชนิดของไฟล์ (ดู size ที่เปลี่ยนแปลงของไฟล์ JPEG และ ไฟล์ GIF)

คำอธิบาย

ภาพที่เป็นไฟล์ .JPEG ภาพแรก: ภาพต้นฉบับมีความกว้าง x ยาว = 3072 x 2304 pixels เป็นไฟล์ .jpeg มีขนาด 1330 kb จากภาพแรก ภาพที่ 2: เมื่อ resize ให้ขนาดลดลงเป็น 2000 x 2300 ขนาดภาพลดลงเหลือ 814 kb แต่ยังคงใหญ่เกินไป ภาพที่ 3: เมื่อ resize ให้ขนาดลดลงเป็น 200 x 230 ขนาดภาพลดลงเหลือ 24 kb จากภาพที่ 3 ภาพที่ 4: เมื่อปรับให้เป็นภาพ ขาว-ดำ ขนาดของภาพลดลงเหลือ 22 kb จากภาพที่ 3 ภาพที่ 5: เมื่อปรับแสงให้สว่างขึ้น ขนาดภาพเพิ่มขึ้นเป็น 26 kb จากภาพที่ 5 ภาพที่ 6: เมื่อ resize ให้เป็น 180 x 207 ขนาดของภาพลดลงเหลือ 24 kb     ภาพที่เป็นไฟล์ .GIF จากภาพที่ 3 ภาพที่ 7: save ภาพให้เป็น .Gif ขนาดของภาพเพิ่มขึ้นเป็น 29 kb ภาพที่ 8: เมื่อปรับให้เป็นสีขาว-ดำ ขนาดของภาพลดลงเหลือ 27 kb จากภาพที่ 7 ภาพที่ 9: เมื่อปรับแสงให้สว่างขึ้น ขนาดของภาพเพิ่มขึ้นเป็น 32 kb ภาพที่ 10: เมื่อ resize ภาพที่ 9 (.gif) ให้เท่ากับภาพที่ 6 (.jpeg) คือ 180 x 207 ขนาดของภาพลดลงมาเป็น 29 kb ภาพที่ 11: เมื่อ resize ภาพให้มีขนาดเล็กลงอีก เป็นsize 150 x 172  ภาพมีขนาดลดลงเหลือ 21 kb

ขอบคุณที่มาอ่าน และแสดงความคิดเห็นค่ะ

ปิรันญ่า
15 พฤษภาคม 2551