5 เทคนิคการทำเว็บไซต์ ใช้ภาพประกอบยังไงให้เว็บปัง
การใช้รูปภาพประกอบเว็บไซต์ไม่ใช่เรื่องใหม่สำหรับการออกแบบเว็บไซต์แต่อย่างไรในปัจจุบัน แต่ถึงอย่างนั้น การทำเว็บไซต์ยังคงมีเทคนิคสำหรับการเลือกรูปภาพมาใช้ให้ภาพเหล่านั้นเป็น ได้มากกว่าแค่ภาพประกอบ เพราะฉะนั้นแล้วอย่ารอช้า มาดูกันดีกว่าภาพประกอบเว็บไซต์ มีเทคนิคในการเลือกใช้ และปรับแต่งไปในทิศทางใดได้บ้าง
ยาวไปอยากเลือกอ่าน
5 เทคนิค การเลือกใช้รูปอย่างไร ให้เว็บปัง
1. INFOGRAPHIC
หากคุณเป็นเว็บไซต์อีคอมเมิร์ชขายสินค้าประเภทอาหาร หรือผลิตภัณฑ์เสริมความงาม การเลือกภาพโปรดัคเพียงอย่างเดียวมานำเสนอภายในเว็บไซต์อาจจะไม่เพียงพอในการดึงดูดความสนใจ เพราะในปัจจุบัน ผู้ใช้งานส่วนใหญ่มักจะมองหาส่วนผสมของโปรดัคต่าง ๆ อยู่เสมอ ฉะนั้นแล้ว การเลือกใช้อินโฟกราฟิกเข้ามาใช้เป็นภาพที่บอกเล่าส่วนผสมต่าง ๆ จะช่วยสร้างสเน่ห์ให้กับเว็บไซต์ และสินค้า รวมไปถึงมันยังดูง่าย สบายตามากกว่าการนำส่วนผสมมาเขียนด้วยเนื้อหาตัวอักษรหลายเท่าอีกด้วย
2. IMAGE SIZE
การเลือกขนาดของภาพ หรือ Image Size ให้มีขนาดที่พอดี ไม่เล็กเกินไปจนมองยาก หรือใหญ่เกินไปจนล้นจอ เป็นการดีไซน์ในส่วนของ UI ที่จะช่วยให้ภาพประกอบถูกใช้งานได้อย่างมีประสิทธิภาพมากที่สุด ในหลาย ๆ ครั้งที่บางเว็บไซต์ละเลยเรื่องขนาดของภาพ ทำให้เลเอาท์ในแต่ละเซคชั่นบนหน้าเว็บไซต์นั้นดูไม่สมส่วน และไม่สวยงาม โดยส่วนใหญ่มักจะพบในการทำเว็บไซต์ประเภทเทมเพลต เพราะในบางธีมนั้นมีการเซ็ตขนาดของภาพมาในค่าตายตัว ปรับแต่ง หรือย้ายตำแหน่งได้ยาก ในขณะที่เว็บไซต์ Custome Made จะแก้ปัญหาในส่วนนี้ได้ง่าย และปรับขนาดภาพบนเว็บไซต์ได้ตามใจต้องการ เพราะฉะนั้นอย่าลืมเลือกธีมกันให้ดี
3. WEBP
สกุลไฟล์ หรือประเภทไฟล์ภาพในปัจจุบันนั้นก็สำคัญมากเช่นกัน เพราะการใช้รูปนั้นเป็นการเพิ่มทรัพยากรภายในเว็บไซต์ การไม่ดูแลในส่วนของขนาดไฟล์ หรือประเภทไฟล์ อาจจะทำให้เว็บไซต์มีขนาดหนักเกิน และส่งผลให้ PageSpeed ช้า นั่นเป็นสาเหตุที่เว็บไซต์ยุคใหม่ มักจะใช้ภาพที่เป็นสกุลไฟล์ .webp เป็นไฟล์ที่ผ่านการย่อขนาดรูปภาพให้มีขนาดเล็กลงกว่าขนาดเดิมกว่าเท่าตัว ช่วยให้คุณสามารถใช้ภาพภายในเว็บไซต์ได้มากขึ้นโดยที่ไม่ต้องกังวลปัญหาว่าเว็บไซต์จะช้านั่นเอง
4. CAROUSEL IMAGE
รูปแบบการแสดงรูปภาพนั้น โดยส่วนมักจะใช้ Single Image หรือภาพเดี่ยว ๆ หนึ่งภาพในหนึ่งเซคชั่น ยกตัวอย่างเช่น มีสินค้าที่ต้องการนำเสนอทั้งหมด 5 ชิ้น แปลว่าต้องใช้ภาพทั้งหมด 5 ภาพ แต่หากการทำเว็บไซต์ใช้วิธีการวางรูปภาพในรูปแบบ Carousel Image นั้น คุณจะสามารถวางภาพได้มากกว่า 1 ภาพในเซคชั่นในจุดเดียวกัน ใช้วิธีการดูโดยการเลื่อนภาพสลับสินค้าไปมาแทน ในส่วนนี้ จะช่วยประหยัดการใช้พื้นที่ หรือสนับสนุนการแสดงสินค้า และภาพรีวิวหลาย ๆ ภาพในหนึ่งเซคชั่น
5. MOOD & TONE
การทำเว็บไซต์ ไม่ว่าจะเป็นส่วนไหนภายในเว็บไซต์ การคำนึงถึงความเข้ากันของภาพรวมนั้น เป็นสิ่งสำคัญที่จะทำให้เว็บไซต์ดูสบายตา และสวยงามมากขึ้น ไม่ว่าจะเป็นการเลือกสไตล์ของภาพ สี หรือหากเป็นภาพองค์กรของเว็บไซต์ภายในประเทศไทย การเลือกใช้ภาพที่เป็นบุคคลสัญชาติเอเชียมาประกอบ จะช่วยให้ดูเข้ากับเว็บำไซต์ และไม่ขัดตาเท่ากับภาพประกอบที่เป็นคนยุโรปนั่นเอง
เทคนิคทั้ง 5 รูปแบบการการเลือกรูปภาพมาใช้นั้น เป็นเทคนิคที่จะช่วยให้การทำเว็บไซต์ของตุณนั้น ออกมาดูดี เป็นอันหนึ่งอันเดียวและสบายตา แต่นอกจากความสวยงามแล้ว รูปภาพยังช่วยสนับสนุนการทำการตลาดประเภท SEO ได้ด้วยนั้น คือ
การทำเว็บไซต์ด้วยการใส่ ALT TEXT (ALTERNATIVE TEXT)
ไม่ว่าคุณจะเลือกรูปไหน ใช้ภาพแบบใด อย่าลืมที่จะใส่ alt text ให้กับภาพเสมอ คำอธิบายภาพ ส่งผลต่อการตลาดอย่าง SEO เป็นการใส่คีย์เวิร์ดลงไปในคำอธิบายภาพ จะช่วยให้ระบบเสิร์ชของ Google นั้น ลิงก์คีย์เวิร์ดจากภาพของคุณ ไปยังการค้นหาที่ใช้คีย์เวิร์ดดังกล่าวนั่นเอง เห็นอย่างนี้แล้ว อย่าลืมใส่คำอธิบายทุกครั้ง หากทำได้กับทุกภาพภายในเว็บไซต์ ยิ่งเห็นผลดีแน่นอน
เห็นกันหรือยัง ว่าการใช้ภาพประกอบบนเว็บไซต์นั้น ให้อะไรคุณได้มากกว่าเป็นแค่รูปภาพ ไม่ว่าจะเป็นความสวยงาม หรือการเพิ่มประสิทธิภาพให้กับเว็บไซต์ แน่นอนว่าการทำเว็บไซต์ที่ดีนั้น ทุกจุดภายในเว็บไซต์ สามารถออกแบบ และปรับแต่งให้ส่งผลดีกับเว็บไซต์ได้ทั้งหมด
1001 Click บริษัทรับทำเว็บไซต์ที่ใส่ใจทุกเลเอาท์ในการวางภาพประกอบ ความเข้ากัน และมีบริการทำ SEO เพื่อใช้ประโยชน์จากภาพภายในเว็บไซต์ทุกจุด หากคุณกำลังมองหาบริษัทรับทำเว็บไซต์ แต่ยังไม่มีเว็บไซต์ในใจ ให้โอกาสเราได้ดูแลกระบวนการทำเว็บไซต์ให้กับคุณ เราคือ One-Stop Service แห่งการทำเว็บไซต์ที่ตอบทุกโจทย์ของคุณอย่างแน่นอน
- สามารถติดต่อเพื่อขอคำปรึกษาได้ที่ 081 116 1001
- Line Id : 1001click
- Email : info@1001click.com
