วิธีการแก้ไขขนาดรูปภาพใน HTML บน Tumblr

หากภาพบล็อกของคุณมีขนาดใหญ่เกินไปผู้ใช้อาจต้องเลื่อนเพื่อดู ทำให้รูปภาพเล็กเกินไปและผู้เยี่ยมชมบล็อกอาจไม่สังเกตเห็น นักออกแบบเว็บไซต์ที่สร้างหน้าสำหรับเว็บไซต์บล็อกเช่น Tumblr มักจะปรับแต่งรูปภาพเพื่อที่พวกเขาจะปรับปรุงเลย์เอาต์และวางไว้ในหน้าเบราว์เซอร์ คุณสามารถทำสิ่งเดียวกันได้โดยไม่ต้องใช้โปรแกรมแก้ไขภาพเมื่อคุณเข้าใจวิธีการใช้โปรแกรมแก้ไข HTML ของ Tumblr

การแทรกรูปภาพ

การเพิ่มภาพไปยังโพสต์บล็อก Tumblr ของคุณทำได้ง่ายเพียงแค่คลิกปุ่ม "แทรกรูปภาพ" ที่ด้านบนของกล่องแก้ไขที่คุณพิมพ์โพสต์ของคุณ เมื่อคุณคลิกปุ่มนั้นหน้าต่างข้อความจะเปิดขึ้นและอนุญาตให้คุณป้อน URL ของภาพที่อยู่บนอินเทอร์เน็ต หน้าต่างยังมีกล่องข้อความสองกล่องในส่วน Dimensions ที่ให้คุณตั้งค่าขนาดของรูปภาพ เมื่อคุณคลิก "แทรก" Tumblr เพิ่มภาพในกล่องแก้ไข

การปรับขนาดด้วยตนเอง

คุณไม่จำเป็นต้องใช้ HTML เพื่อปรับขนาดรูปภาพในโพสต์ Tumblr ของคุณ จุดจับเล็ก ๆ ปรากฏขึ้นรอบ ๆ รูปภาพในกล่องแก้ไขเมื่อคุณคลิก ลากที่จับอันใดอันหนึ่งเพื่อทำให้ภาพใหญ่ขึ้นหรือเล็กลง คุณสามารถดูตัวอย่างโพสต์และรูปภาพได้ตลอดเวลาโดยคลิก "ดูตัวอย่าง" การลากรูปภาพที่จับช่วยให้คุณปรับขนาดรูปภาพได้อย่างรวดเร็ว แต่ยากที่จะกำหนดขนาดที่แม่นยำโดยใช้วิธีนี้ เมื่อคุณต้องการให้ภาพมีค่าความสูงและความกว้างที่แน่นอนให้ใช้ HTML

โปรแกรมแก้ไข HTML ของ Tumblr

คลิกปุ่ม "HTML" ที่ด้านบนของช่องแก้ไขและตัวแก้ไข HTML จะแสดงรหัส HTML ของโพสต์ หากโพสต์มีรูปภาพบรรณาธิการจะแสดงบรรทัดของรหัสคล้ายกับที่แสดงด้านล่าง:

นี่คือแท็ก HTML img ที่มีแอตทริบิวต์ src ซึ่งค่าคือ URL ของภาพของคุณ ค่านั้นคือ "//www.Some_Site.com/image.jpg" ในตัวอย่างนี้ เปลี่ยนค่าความสูงและความกว้าง - แสดงเป็นพิกเซล - เป็นค่าใด ๆ ที่คุณต้องการปรับขนาดภาพ

เคล็ดลับ

หากคุณไม่ชอบขนาดภาพใหม่ให้คลิกที่ภาพเพื่อเลือกคลิกปุ่ม "HTML" และอัปเดตความสูงและความกว้างในเครื่องมือแก้ไข HTML คุณยังมีตัวเลือกในการเพิ่มรูปภาพใหม่ลงในโพสต์ของคุณโดยวางรหัสต่อไปนี้ในโปรแกรมแก้ไข:

แทนที่เครื่องหมายคำถามด้วย URL ของรูปภาพบนเว็บและแทนที่ "X" และ "Y" ด้วยค่าความสูงและความกว้างเป็นพิกเซล เมื่อปรับขนาดรูปภาพด้วย HTML โปรดจำไว้ว่าคุณภาพของภาพจะลดลงเมื่อขนาดของรูปภาพเพิ่มขึ้น