เปิดรูปภาพหรือกราฟิกลงในภาพขนาดย่อ

บทเรียนง่ายๆ

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

เมื่อคุณใช้ภาพขนาดย่อคุณสามารถใส่กราฟิกได้มากขึ้นในหนึ่งหน้า ผู้อ่านของคุณสามารถเลือกและเลือกกราฟิกทั้งหมดในหน้าเว็บและเลือกคนที่ต้องการดู

การสร้างภาพขนาดย่อไม่ใช่เรื่องยากและไม่ใช้เวลานานนัก สิ่งแรกที่คุณต้องทำก็คือดาวน์โหลดโปรแกรมแก้ไขภาพหรือภาพ ฉันใช้ Irfan View ใช้งานได้ฟรีและใช้งานง่าย ไม่ได้ครอบคลุมเช่น Paint Shop Pro หรือ Photoshop แต่จะดีพอสำหรับการปรับขนาดการครอบตัดและเปลี่ยนสีของภาพ

ฉันจะใช้ Irfan View สำหรับบทเรียนนี้ คำแนะนำไม่แตกต่างกันมากถ้าคุณใช้โปรแกรมอื่น

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

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

เมื่อต้องการครอบตัดก่อนอื่นคุณต้องเลือกพื้นที่ที่คุณต้องการเก็บ วางเคอร์เซอร์ไว้ที่มุมใดมุมหนึ่งของพื้นที่ที่คุณต้องการเก็บไว้ให้กดปุ่มเมาส์ค้างไว้และลากเคอร์เซอร์ไปยังมุมตรงข้ามของพื้นที่ คุณจะเห็นเส้นที่สร้างขึ้นรอบบริเวณตามที่คุณทำและเส้นขอบบาง ๆ รอบ ๆ เมื่อคุณทำเสร็จแล้ว

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

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

ตอนนี้เพื่อสร้างภาพขนาดย่อของเรา คลิกที่ "Image", "Resize / Resample" กล่องจะปรากฏขึ้นเพื่อให้คุณสามารถปรับขนาดภาพของคุณได้ คุณสามารถเลือกปรับขนาดภาพตามความสูงและความกว้างหรือเปอร์เซ็นต์ ตัวอย่างเช่นคุณสามารถใส่ความกว้างได้ 50 พิกเซลหรือคุณสามารถทำได้แค่ทำให้ภาพมีขนาด 10% ของขนาดต้นฉบับ ถ้าคุณกำลังสร้างภาพขนาดย่อเพื่อใช้เป็นแกลเลอรีรูปภาพฉันขอแนะนำให้พยายามทำให้รูปภาพทั้งหมดของคุณใกล้เคียงกับขนาดเดียวกันเพื่อให้พอดีกับหน้าเว็บที่ดีกว่าทำให้เป็นแถวหรือเสาที่สวยงาม

หากภาพของคุณดูเหมือนจะหายไปบางส่วนของความคมชัดเมื่อคุณปรับขนาดภาพคุณสามารถใช้คุณลักษณะ "Sharpen" ในเมนู "Image" เมื่อบันทึกภาพหลังจากปรับขนาดแล้วตรวจสอบให้แน่ใจว่าคุณใช้คุณลักษณะ "บันทึกเป็น" ไม่ใช่คุณลักษณะ "บันทึก" คุณจะต้องการให้ชื่อที่แตกต่างกัน แต่คล้ายกัน หากคุณเพียงแค่บันทึกมันจะแทนที่ภาพเก่าของคุณและคุณจะหลวมต้นฉบับ หากต้นฉบับของคุณถูกเรียกว่า "picture.jpg" จากนั้นคุณสามารถเรียกภาพขนาดย่อ "picture_th.jpg"

ถ้าบริการพื้นที่ของคุณไม่มีโปรแกรมอัปโหลดไฟล์เพื่อช่วยให้คุณสามารถอัปโหลดหน้าเว็บและกราฟิกลงในเว็บไซต์ของคุณได้ง่ายคุณจะต้องมีโปรแกรม FTP เพื่ออัปโหลดไฟล์เหล่านั้น บริการโฮสติ้งที่คุณมีควรให้การตั้งค่าที่คุณต้องใส่ลงในโปรแกรม FTP เพื่อให้คุณสามารถอัปโหลดไฟล์ได้

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

นอกจากนี้คุณยังต้องอัปโหลดภาพขนาดย่อไปยังบริการโฮสติ้งของคุณ ลองใส่ในโฟลเดอร์ที่แยกต่างหากซึ่งอาจเรียกว่า "ภาพขนาดย่อ"

ตอนนี้คุณจะต้องมีที่อยู่ของกราฟิกของคุณ ตัวอย่าง: สมมุติว่าคุณโฮสต์ไซต์ของคุณที่ Geocities และชื่อผู้ใช้ของคุณคือ "mysite" กราฟิกหลักของคุณอยู่ในโฟลเดอร์ที่เรียกว่า "graphics" และมีชื่อว่า "graphics.jpg" ภาพขนาดย่อเรียกว่า "thumbnail.jpg" และอยู่ในโฟลเดอร์ที่เรียกว่า "ภาพขนาดย่อ" ที่อยู่ของภาพของคุณคือ http://www.geocities.com/mysite/graphics/graphics.jpg และที่อยู่ของภาพขนาดย่อของคุณจะเป็น http://www.geocities.com/mysite/thumbnail/thumbnail.jpg

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

หากคุณต้องการใช้ HTML เพื่อสร้างอัลบั้มรูปคุณยังไม่จำเป็นต้องเริ่มต้นจากขั้นตอน ใช้เทมเพลตอัลบั้มรูปแทน จากนั้นสิ่งที่คุณต้องทำคือเพิ่มลิงก์และคุณมีอัลบั้มรูป

หากคุณเพียงเชื่อมโยงไปยังกราฟิกตัวเองเพื่อให้กราฟิกหลักจะปรากฏบนหน้าของคุณแล้วรหัสที่คุณต้องใช้คือ:

ข้อความสำหรับรูปภาพ

ที่คุณเห็น graphic.jpg ในโค้ดนี้คุณจะเปลี่ยนเป็น http://www.geocities.com/mysite/graphics/graphics.jpg หรือคุณสามารถใช้แบบฟอร์มสั้น ๆ ซึ่งมีลักษณะเช่นนี้ /graphics/graphics.jpg จากนั้นเปลี่ยนตำแหน่ง ข้อความ ว่า รูปภาพ เป็นอะไรก็ได้ที่คุณต้องการให้พูดใต้รูปภาพ

ถ้าคุณจะใช้ภาพขนาดย่อและเชื่อมโยงไปยังกราฟิกจากที่นั่นรหัสที่คุณจะใช้จะแตกต่างกันเล็กน้อย:

ที่คุณเห็น http: //address_of_graphic.gif คุณเพิ่มที่อยู่ของภาพขนาดย่อของคุณ ที่คุณเห็น http://address_of_page.com คุณเพิ่มที่อยู่ของกราฟิกของคุณ หน้าเว็บของคุณจะแสดงภาพขนาดย่อของคุณ แต่จะเชื่อมโยงไปยังกราฟิกของคุณโดยตรง เมื่อมีคนคลิกที่ภาพขนาดย่อของรูปภาพพวกเขาจะถูกนำไปยังต้นฉบับ

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