• Image Size is Everything

  เรื่องที่สำคัญของเรื่อง...Graphics. มันทำให้เพจดูน่าตื่นตา และมีสีสันขึ้นThey make a web page full of excitement and color, แต่ถ้าคุณใช้มันผิดพลาด หรือใช้ภาพที่ใหญ่เกินไป ผู้ชมจะไม่กลับ เข้ามาชมไซร์ของคุณอีกเลย.

  รูปภาพที่ใช้โดยทั่วไปบนเว็ปมี 2 ประเภทคือ (GIF and JPG). ส่วนประเภทไหนดีกว่า ชนิดไหนเหมาะสมกับงานอะไร ประเภทควรจะใช้เมื่อไหร่? เชิญหาคำตอบได้ในเพจนี้ครับ.

  รูปนามสกุล .gif (GIF images) ใช้โดยเหตุผงหลายอย่าง ดังนี้:

  • ต้องการ Gif Animation’s (เทคนิคโปรดของผู้เขียน)
    • วาดรูปทั้งหมดโดยใช้โปรแกรม paint. ทำการ save ทุกภาพเป็นแยก frame ที่ต่างกัน เป็นไฟล์ประเภท .gif. ใช้โปรแกรมที่สามารถรวบรวมรูป .gif ของคุณทั้งหมดให้เป็นภาพ animation gif เพียงภาพเดียว. แต่สามารถ plays อย่างเช่น animation.
  • รูป หรือ สี transparent (Transparent Images or Colors)
    • โดยใช้โปรแกรม, ที่ช่วยให้คุณสามารถกำหนด หรือเลือกสีใดสีหนึ้งในรูปภาพของคุณเป็น transparent. นี้เป็นเทคนิคที่มีประโยชน์ มากเพื่อที่จะกำจัดเหลี่ยมมุมที่น่าเกลียดของภาพ หรือเพื่อทำให้สามารถมองเห็นภาพ background โฮมเพจของคุณ ทะลุผ่านขึ้นมาได้.
  • ต้องการ Interlaced Pictures
    • เทคนิคนี้จะได้ภาพคุณภาพต่ำแต่ load upได้เร็ว ปรากฏขึ้นให้เห็นก่อน, แล้วชั่วขณะหล้งจากนั้น ภาพที่ ปรากฏจะค่อยๆ มีคุณภาพดีขึ้นทีละน้อยจนกระทั้ง ได้ภาพสมบูรณ์. เป็นเทคนิคที่ดีสำหรับภาพขนาดใหญ่ ซึ่ง loas ช้า. แต่โดยใช้เทคนิคนี้, ผู้เยี่ยมชมจะ สามารถเห็นอย่างน้อยก็บางสิ่งบางอย่างปรากฏ ขึ้นในขณะที่ลอการ load in ส่วนของภาพที่เหลือ. ช่วยให้มีกำล้งใจในการลอมากขึ้น.
  • ภาพที่มีองค์ประกอบของสีน้อย (น้อยกว่า 256 สี) หรือประเภท Solid Blocks of Color
    • รูปภาพ Gif Images จะเหมาะกับภาพที่มีองค์ประกอบของสีน้อยๆ, เพราะว่าจะทำให้มันสามารถ loads ได้เร็วขึ้นมาก. และยังเหมาะกับภาพประเภทมีองค์ประกอบเป็นช่วงแถบสีขนาดใหญ่ที่เหมืนกัน (large blocks of the same color). ขนาดไฟล์ sizeที่ได้จะเล็กมากถ้าคุณใช้ gif กับรูปภาพประเภทนี้.

  รูปนามสกุล .jpg (JPG images) เหมาะจะใช้ด้วยเหตุผลอื่นๆ คังนี้:

  • รูปภาพขนาดใหญ่
    • ถ้าคุณมีรูปภาพขนาดใหญ่ ควรพยายาม save เป็น jpeg ไว้ก่อน. ซึ่งโดยปกติจะได้ขนาดไฟล์ที่เล็ก กว่าเสมอ.
  • รูปภาพที่ประกอบไปด้วยสีมากกว่า 256 สี
    • ถ้าคุณมีภาพกราฟฟิก หรือรูปภาพที่คุณได้จากการ scanned in. ภาพเหล่านั้นควรจะ save เป็น jpeg. เพราะไม่เพียงแต่คุณจะได้ภาพที่มีคุณภาพสูงกว่าด้วยจำนวนสีถึง1000 สีเท่านั้น. ขนาดของไฟล์โดย ปกติจะเล็กกว่า  gif เสมอในกรณีที่ เป็นไฟล์เดียวกัน.

  ต่อไปนี้คือตัวอย่างการเปรียบเทียบ ขนาด side-by-side, ชนิด, และ ขนาดของไฟล์. ผู้เขียนได้ scan รูปและ saved เป็นทุกๆ วิธี และชนิดของไฟล์ เท่าที่จะทำได้ และทำการเปรียบเทียบคุณภาพและขนาดไฟล์ให้เห็น และเข้าใจได้ง่าย ได้อย่างเป็นรูปธรรมครับ. click here!

TYPE # of Colors File Size   Gif - 3 Bit 8 19K   Gif - 4 Bit 16 29K   Gif - 5 Bit 32 36K   Gif - 6 Bit 64 46K   Gif - 7 Bit 128 56K   Gif - 8 Bit 256 68K   JPG - Low Quality 1000's 19K   JPG - Medium Quality 1000's + 24K   JPG - High Quality 1000's ++ 36K   JPG - Maximum Quality 1000's +++ 56K รูปแรกด้านบนเป็น 3 bit gif ซึ่งมีองค์ประกอบเพียง 8 สี ขนาด size (19 K). รูปด้านล่าง เป็นภาพ jpg คุณภาพต่ำ Low Quality JPG image, แต่มีองค์ประกอบสีถึง 1000 สี และมีขนาด ไฟล์จริงที่เล็กกว่า (17K)! จึงไม่มีคำถามว่า ภาพให้ผู้เขียนควรจะใช้กับเพจของผู้เขียนเอง. ถ้าคุณต้องการเห็นทุกภาพที่ผู้เขียนสร้างขึ้น เพื่อใช้ในการเปรียบเทียบให้เห็น ความแตกต่างเป็นรูปธรรมุุุุุุุุ click here (ซึ่งจะต้องใช้เวลา download นิดหน่อยเพราะประกอขด้วย กราฟฟิก หลายภาพ). กฏนี้เป็นกฏมาตราฐาน และขึ้นอยู่กับรูปภาพที่คุณกำลังทำงานอยู่. ว่าถ้าคุณมีภาพ ที่สามารถ หรือควรจะ save ด้วยวิธีใด.  หรือจะลอง save เป็นทั้ง JPG และ GIF. แล้วเปรียบเทียบ คุณภาพของภาพ และขนาด file size ดูก็จะเป็นการดี แล้วคุณจะรู้ว่า ชนิดไหนดี และขนาดไหนควรใช้ครับ.

April 20, 2000 last update!

All Artwork & Design ฉ 1997-1999 Krit Spooker