> DreamweaverMX > การใช้ Photoshop

ความรู้ทั่วไปเกี่ยวกับการแสดงภาพบนเว็บ
  1. ความละเอียดของภาพที่ยอมรับ คือ 72 จุดต่อนิ้ว DPI
  2. ขนาดของภาพไม่ควรเกินกว่า 800 X 460 เพราะจะสามารถแสดงผลบนจอที่ตั้งความรายละเอียดที่ 800 X 600 ได้โดยไม่ต้องเลื่อน scroll bar

คำศัพท์ที่เกี่ยวกับการแสดงภาพบนเว็บ

  1. Dither เป็นกระบวนการสร้างพาเลทสี (จานสี) ขึ้นใหม่ตามจำนวนสีที่กำหนดแล้วแทรกลงไปบนภาพ
  2. Lossy คือการกำหนดความสูญเสียของข้อมูลในระหว่างการบีบอัด
  3. Transparency คือการกำหนดภาพให้เป็นแบบโปร่งแสง
  4. Interlaced เป็นการกำหนดให้ภาพที่แสดงด้วยความละเอียดต่ำๆ ก่อน ในขณะที่ภาพเต็มกำลัง Down Load อยู่ ซึ่งจะทำให้ผู้ใช้ทราบว่ากำลังมีการส่งข้อมูลของภาพอยู่
Standard Banner

การทำภาพพื้นใส
  1. Open ภาพที่ต้องการทำพื้นใส เข้ามาในโปรแกรม Photoshop
  2. Select พื้นที่ของภาพที่ต้องการแล้ว Edit > Copy
  3. ไปที่ File > New กำหนดให้ Content ต้องเป็นแบบ Transparent เท่านั้น
  4. สั่ง Edit > Paste ใน File ใหม่
  5. ไปที่ File > Save for Web ต้องกำหนด Settings เป็น GIF หรือ PNG และ Transparency ด้วย
  6. หากต้องการให้มีการ Load ภาพให้เห็นเป็นลาง ๆ ก่อนข้อมูลภาพส่งมาทั้งหมดและให้เลือก Interlaced
การปรับความละเอียดและขนาดของภาพ

หมายถึง การปรับความละเอียดและขนาดของภาพให้เหมาะสมกับการแสดงผลใน Browser ซึ่งทำได้โดย

  1. เปิดภาพที่ต้องการเข้ามา
  2. ไปที่ Menu > Image > Image size..
  3. ปรับขนาดของภาพตามความต้องการ
  4. ปรับความละเอียดของภาพไปที่ 72 Pixel/inch
  5. หากเลือก Constrain Proportions การปรับขนาดจะเป็นไปอย่างถูกต้องตามสัดส่วน

 
Home   ::   About me   ::  Dreamweaver   ::   CourseBuilder   ::   FlashMX   ::   FreehandMX   ::   Educational Games
http://se-ed.net/plearn • Last updated on 25-Jun-2005 • poonsri.vate@gmail.com
??????????????????