คู่มือการใช้งาน, เทคนิคแต่งเว็บไซต์
คู่มือการใช้งาน, เทคนิคแต่งเว็บไซต์

วิธีลดขนาดไฟล์รูปภาพ เพื่อให้เหมาะสำหรับการใช้งานบนเว็บไซต์

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

1. เปิดภาพที่เราต้องการจะย่อหรือขยายขนาด ด้วยโปรแกรม Photoshop

Resize-Image2

 

2.ไปที่ Image แล้วเลือก Image Size หรือกดปุ่มลัด Ctrl+Alt+I (Win) / Command+Option+I (Mac) 

Resize-Image3

3. หลังจากนั้นจะปรากฏหน้าจอ Image Size dialog box ขึ้นมา ( รูปตัวอย่างจาก Photoshop CC.)
จากรูปจะได้ค่าดังนี้
Image Size : คึอ ขนาดของไฟล์รูป
Dimensions : ขนาดความกว้างและยาวของรูป
Resolution : ความละเอียดของภาพ โดยปกติการใช้งานสำหรับเว็บไซต์ เรามักจะใช้ไว้ที่ 72 ppi

Resize-Image4

 

4. คุณสามารถการจะ เปลี่ยนหน่วย เป็น นิ้ว, %, mm ,Pixel หรือ อื่นๆได้
Resize-Image5

 

5. คุณสามารถลดขนาดภาพได้ตามต้องการ โดย ถ้าต้องการให้ความสูงความกว้างมีความสัมพันธ์กันในอัตราส่วนเดิม ต้องคลิกเลือกที่สัญลักษณ์ดังภาพ เอาไว้
Resize-Image6

 

6. หลังจากปรับขนาดไฟล์รูป ลดลงจนได้ขนาดที่เราต้องการแล้วก็กดที่ ปุ่ม Ok ได้และ เซฟงานของเราได้เลย
Resize-Image7

 

7. ในการเซฟไฟล์ โปรแกรม Photoshop จะถามเราอีกครั้ง ในเรื่องของคุณภาพไฟล์ ว่าจะเอาขนาดไหน (ตามรูป)  จะเลือกแค่ 8 หรือ 12 ก็ได้ โดยค่ายิ่งมาก ขนาดไฟล์ก็จะใหญ่ขึ้นตาม
Resize-Image8

 

หากมีข้อสงสัยหรือแนะนำสามารถส่งมาได้ตามช่องทางเหล่านี้

   

banner-mweonblog03