เพื่อน ๆ เคยไหม๋ เวลาเราโพสภาพลงไป ภาพมันจะถูกปรับขนาดให้อยู่ในมาตราฐาน คือ กว้างไม่เกิน 320px สูง 250px (โดยประมาณ จำไม่ได้เหมือนกัน
)
แล้วเวลาที่เราต้องการขยายภาพ บางคนก็ใช้วิธีเพิ่มขนาดใน html ตรง
width , heigth หรือคลิกเพิ่มขนาดตามที่มี
กล่องข้อความเสริมขึ้นมาให้2 วิธีนี้ จะทำให้คุณภาพของ ภาพต้นฉบับนั้นเสียใปอย่างแน่นอน
วันนี้ผมมีทริคเล็ก ๆ น้อย ๆ เพียงไม่กี่ขั้นตอนเท่านั้น ก็จะได้ภาพแจ๋ม ๆ มากฝากเพื่อน ๆ อีกตามเคย
เริ่มกันเลย :1. นี้คือรูปที่กำลังจะโพส ขนาด 1600x... แล้วถูกบีบภาพให้อยู่ในขนาดที่เค้าได้กำหนดไว้ให้ ( นางแบบสวยดีนะ
)
2. ให้เราทำการ ลบโค้ดที่ใช้เพิ่ม , ลดขนาดของภาพออกไปในที่นี้ก็คือ
height , width (ตามเส้นสีแดงที่ขีดในรูป)
3. แล้วทำการเปลี่ยนขนาดของรูปที่ต้องการตรงที่ s
320 ให้ใ่ส่ขนาดที่ต้องการลงไป ตามเส้นสีน้ำเงินในรูป (ในที่นี้ก็คือความกว้่าง แล้วมันจะทำการคำนวนขนาดโดยรวมของรูปให้เอง โดยที่ภาพจะยังคมชัดเหมือนเดิม)
* อย่าลบตัว s ออกนะครับ เปลี่ยนแค่ตัวเลขก็พอครับ เท่านี้ก็เป็นอันเสร็จเรียบร้อยครับมาดูผลลัพธ์กัน ว่ามันต่างกันแค่ไหน
http://testblogscrip.blogspot.com/ 
ขนาดรูปที่โพสทั้ง 2 บทความคือ 800x543 แตกต่างกันอย่างเห็นได้ชัด
เล็ก ๆ น้อย ๆ สำหรับผู้ที่ยังไม่รู้ครับ
< กดยุบ (ห้องยกเลิกการใช้งาน)
