logo1001alt
  • About Us
  • Servicesarrow-menu-up
    • รับทำเว็บไซต์บริษัท ( Corporate website )
    • รับทำเว็บไซต์ E-commerce ( E-commerce website )
    • รับทํา Mobile Application
    • รับดูแลเว็บไซต์ และปรับปรุงข้อมูล
    • Web Hosting & VPS
    • รับทำ SEO
    • รับทำ Google ads
  • Portfolio
  • Blog
  • Contact Us
1001click-telephon-contact 1001click-line-contact
Home ∘ Blog ∘

5 เทคนิคการทำเว็บไซต์ ใช้ภาพประกอบยังไงให้เว็บปัง

5 เทคนิคการทำเว็บไซต์ ใช้ภาพประกอบยังไงให้เว็บปัง

09 กันยายน 2022
การทำเว็บไซต์

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

ยาวไปอยากเลือกอ่าน

  • 5 เทคนิค การเลือกใช้รูปอย่างไร ให้เว็บปัง
  • การทำเว็บไซต์ด้วยการใส่ ALT Text (Alternative Text)
การทำเว็บไซต์

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
Share
1001click-facebook-share
1001click-email-share
บทความล่าสุด
สร้างเว็บไซต์ธุรกิจขนาดเล็กเตรียมตัวอย่างไร ให้พัฒนาต่อได้อย่างมั่นคง
04 มกราคม 2023
สร้างเว็บไซต์ธุรกิจขนาดเล็กเตรียมตัวอย่างไร ให้พัฒนาต่อได้อย่างมั่นคง
การออกแบบเว็บไซต์
04 มกราคม 2023
การออกแบบเว็บไซต์ (Web Design) ออกแบบอย่างไรให้คนเห็นเป็นต้องว้าว
รับทำ SEO สายขาว
26 ธันวาคม 2022
รับทำ SEO สายขาว-สายดำคืออะไร ทำได้ประโยชน์เหมือนกันหรือเปล่า?
รับทำเว็บ
26 ธันวาคม 2022
5 สิ่งที่ต้องเตรียมก่อนจ้างบริษัทรับทำเว็บ ได้งานไวคุยงานง่ายแน่นอน!
5 เทคนิคการทำเว็บไซต์ ใช้ภาพประกอบยังไงให้เว็บปัง
โปรดกรอกข้อมูลที่สำคัญ (*) ให้ครบถ้วน

1001 Click Co., Ltd

ท่านสามารถติดต่อขอรับคำปรึกษาเกี่ยวกับบริการ รับทำเว็บไซต์ , รับทำเว็บอีคอมเมิร์ส , รับทำ Mobile application และ SEO ได้ที่ รายละเอียดด้านล่าง

1001click-telephon-contact
+66 811161001
1001click-email-contact
info@1001click.com
1001click-map-contact
Map
  • About Us
  • Services
    • ∘ รับทำเว็บไซต์บริษัท ( Corporate website )
    • ∘ รับทำเว็บไซต์ E-commerce ( E-commerce website )
    • ∘ รับทํา Mobile Application
    • ∘ รับดูแลเว็บไซต์ และปรับปรุงข้อมูล
    • ∘ Web Hosting & VPS
    • ∘ รับทำ SEO
    • ∘ รับทำ Google ads
  • Portfolio
  • Blog
  • Contact Us
  • Privacy Policy
  • Cookies Policy
© 2021 1001 Click official website, all rights reserved. Web design by 1001 Click