“ยาง” เป็นภาพที่มีความสามารถในการขยายขนาด คุณสามารถสร้างภาพดังกล่าวโดยใช้โปรแกรมคอมพิวเตอร์ ความสะดวกอยู่ที่การ "ยืด" ไปในทิศทางที่ต้องการ การสร้างเว็บดังกล่าวประสบความสำเร็จในเบราว์เซอร์ใด ๆ หากรูปภาพมีองค์ประกอบที่เป็นประโยชน์ คุณสมบัติ "ยาง" จะเพิ่มฟังก์ชันการทำงาน
มันจำเป็น
รูปภาพ, เว็บไซต์, โปรแกรม Adobe Photoshop, แอปพลิเคชั่น Notepad, รหัส HTML, ไดเรกทอรีรากของเว็บไซต์ของคุณ
คำแนะนำ
ขั้นตอนที่ 1
ค้นหาหรือสร้างภาพที่คุณต้องการปรับขนาดและวางบนอินเทอร์เน็ต เปิดตัว Adobe Photoshop เปิดภาพนี้ในโปรแกรม ค้นหา Slice Tool ในแถบเครื่องมือ ใช้ตัดภาพออกเป็นชิ้นๆ แบ่งให้ภาพทั้งหมดประกอบด้วยองค์ประกอบกราฟิกสามองค์ประกอบ และองค์ประกอบตรงกลางว่างเปล่า ซึ่งจะช่วยให้ภาพขยายที่ความละเอียดจอภาพใดๆ
ขั้นตอนที่ 2
บันทึกภาพที่ปรับให้เหมาะกับรูปแบบเว็บ (บันทึกสำหรับเว็บ) เมื่อบันทึก ให้ตั้งค่ารูปแบบไฟล์ที่ต้องการ - gif, jpeg หรือ.png
ขั้นตอนที่ 3
เมื่อคุณบันทึกภาพแล้ว ให้เริ่มแก้ไขโค้ด HTML เปิดเอกสาร html ที่บันทึกไว้ใน Notepad ลบบรรทัดของรหัสที่ไม่ต้องการ เก็บเฉพาะข้อมูลของตารางที่ฝังภาพไว้ไม่เปลี่ยนแปลง
ขั้นตอนที่ 4
ในบรรทัด แทนที่จะระบุ yourimage
ขั้นตอนที่ 5
เพื่อให้ส่วนตรงกลางของภาพขยายออกไป เมื่อส่วนสุดขั้วถูกแยกออกจากกัน ให้เขียนข้อมูลที่จำเป็นลงในบรรทัดของโค้ด ระบุพารามิเตอร์ (ความกว้างและความสูง) ของรูปภาพของคุณเอง
ขั้นตอนที่ 6
อัปโหลดรูปภาพที่สร้างขึ้นไปยังไดเร็กทอรีรากของไซต์ ระบุเส้นทางใหม่ไปยังรูปภาพบนเซิร์ฟเวอร์ ดังนั้นจึงแก้ไขโค้ด HTML ใส่รหัสรูปภาพระหว่างแท็ก
ขั้นตอนที่ 7
ตรวจสอบคุณสมบัติของภาพ ลองขยายขนาดออนไลน์ ภาพต้องยืดหยุ่นได้ทุกทิศทาง