# วิธีทำบล็อกรูปภาพ Image (พร้อม ALT + คำบรรยาย) ในธีม Blogger รูปภาพเป็นองค์ประกอบสำคัญของเว็บที่สวยและน่าอ่าน แต่รูปที่ดีไม่ใช่แค่สวย — ต้องมี ALT ที่ถูกต้องเพื่อ SEO และการเข้าถึง และสัดส่วนที่เหมาะเพื่อความเรียบร้อย บทความนี้สอนวิธีเพิ่มบล็อกรูปภาพในธีม Blogger ด้วย BlogKub พร้อม ALT คำบรรยาย และการเลือกสัดส่วน *อัปเดต 16 กรกฎาคม 2026 · อ่านประมาณ 8 นาที · ระดับ: เริ่มต้น* > **สรุปสั้น:** บล็อก **รูปภาพ (Image)** ใน BlogKub ใส่ **URL รูป, ข้อความ ALT** (สำคัญต่อ SEO/การเข้าถึง), **คำบรรยายใต้ภาพ** และเลือก **สัดส่วน 16:9 / 4:3 / 1:1** ได้ ระบบครอบรูปให้พอดีสัดส่วนที่เลือกเพื่อความเรียบร้อย แล้ว Export ไปใช้  *บล็อกรูปภาพสัดส่วน 16:9 พร้อมคำบรรยายใต้ภาพและ ALT ที่สื่อความหมาย ดีต่อ SEO และการเข้าถึง* ## บล็อกรูปภาพคืออะไร และใช้เมื่อไร **บล็อกรูปภาพ (Image) คือองค์ประกอบสำหรับวางรูปเดี่ยวในธีม พร้อมตั้งค่า ALT คำบรรยาย และสัดส่วน** ใช้เมื่อคุณอยากวางรูปในหน้าเว็บ (เช่น หน้าแรก หน้าคงที่ หรือส่วนต่าง ๆ ของธีม) โดยควบคุมการแสดงผลได้ ต่างจากการใส่รูปในเนื้อหาบทความที่ทำผ่านตัวแก้ไขของ Blogger บล็อกรูปภาพเป็นส่วนหนึ่งของโครงสร้างธีมที่คุณจัดวางได้ บล็อกรูปภาพมีค่าตรงที่มันจัดการรายละเอียดที่คนมักลืม โดยเฉพาะ ALT และสัดส่วน การมีที่ให้กรอก ALT ชัดเจนช่วยเตือนให้คุณใส่ทุกครั้ง และการเลือกสัดส่วนช่วยให้รูปในตำแหน่งเดียวกันมีขนาดสม่ำเสมอ ไม่กระโดดไปมา ทำให้หน้าเว็บดูเรียบร้อยและมืออาชีพ ## ALT: รายละเอียดเล็กที่สำคัญต่อ SEO และการเข้าถึง **ALT (alternative text หรือข้อความแทนรูป) คือข้อความที่อธิบายว่ารูปคืออะไร** ไม่แสดงให้ผู้อ่านทั่วไปเห็น แต่มีบทบาทสำคัญสองด้าน ด้านแรกคือ **SEO** เครื่องมือค้นหาอ่านไม่ออกว่ารูปเป็นภาพอะไร จึงพึ่ง ALT เพื่อเข้าใจ ซึ่งมีผลต่อการที่รูปของคุณปรากฏในการค้นหารูปภาพ (Google Images) ด้านที่สองคือ **การเข้าถึง** ผู้ใช้ที่มองไม่เห็นใช้โปรแกรมอ่านหน้าจอที่อ่าน ALT ให้ฟัง ทำให้เขารับรู้เนื้อหาของรูปได้ การเขียน ALT ที่ดีคือการอธิบายรูปอย่างสื่อความหมายและกระชับ เช่น “วิวพระอาทิตย์ตกที่หาดป่าตอง ภูเก็ต” ดีกว่า “รูป” หรือ “image1” และไม่ควรยัดคำค้นซ้ำ ๆ อย่างไม่เป็นธรรมชาติ เพราะจะดูเป็นสแปม ALT ที่ดีบอกสิ่งที่อยู่ในรูปจริง ๆ ซึ่งเป็นประโยชน์ทั้งกับเครื่องมือค้นหาและผู้อ่านที่ใช้โปรแกรมอ่านหน้าจอ เรื่องนี้เชื่อมโยงกับหลักการทำรูปให้ Google แสดงผลที่เราพูดถึงในบทความ[Lightbox](https://www.blogkub.com/learn/lightbox)และ[สไลด์รูป](https://www.blogkub.com/learn/slider)ด้วย ## วิธีเพิ่มบล็อกรูปภาพทีละขั้น 1. **เพิ่มบล็อกรูปภาพ** ลากบล็อก “รูปภาพ (Image)” จากคลังมาวางในตำแหน่งที่ต้องการ เช่น บนหน้าแรกหรือในส่วนของธีม 2. **ใส่ URL รูปและ ALT** วาง URL รูปภาพและใส่ข้อความ ALT ที่สื่อความหมายจริงของรูป อย่าปล่อยว่างเพราะสำคัญต่อ SEO และการเข้าถึง 3. **ใส่คำบรรยายและเลือกสัดส่วน** ใส่คำบรรยายใต้ภาพหากต้องการ และเลือกสัดส่วน 16:9, 4:3 หรือ 1:1 ตามชนิดของรูปและตำแหน่ง 4. **Export XML และตรวจผล** กด Export อัปโหลดเข้า Blogger แล้วตรวจว่ารูปแสดงถูกสัดส่วน คมชัด และ ALT/คำบรรยายถูกต้อง ## เลือกสัดส่วนให้เหมาะกับชนิดของรูป บล็อกรูปภาพให้เลือกสัดส่วนได้สามแบบ ระบบครอบรูปให้พอดีสัดส่วนที่เลือกเพื่อความเรียบร้อย การเลือกให้เหมาะกับชนิดรูปช่วยให้ภาพดูดีที่สุด - **16:9 (แนวนอนกว้าง):** เหมาะกับภาพวิว ภาพบรรยากาศ แบนเนอร์ หรือภาพหน้าปก ให้ความรู้สึกกว้างขวางแบบภาพยนตร์ - **4:3 (มาตรฐาน):** สัดส่วนคลาสสิกที่สมดุล เหมาะกับรูปทั่วไปที่ไม่ต้องการกว้างหรือจัตุรัสเป็นพิเศษ - **1:1 (จัตุรัส):** เหมาะกับภาพสินค้า รูปโปรไฟล์ หรือภาพที่ต้องการความสมมาตร เป็นสัดส่วนที่นิยมในโซเชียลมีเดีย ประโยชน์ของการล็อกสัดส่วนคือความสม่ำเสมอ เมื่อรูปในตำแหน่งเดียวกันมีสัดส่วนเท่ากัน หน้าเว็บก็ดูเป็นระเบียบ ไม่มีรูปที่สูงหรือเตี้ยผิดจังหวะ อย่างไรก็ตาม การครอบสัดส่วนหมายความว่าบางส่วนของรูปอาจถูกตัด ควรเลือกรูปที่จุดสำคัญอยู่กลางภาพหรือเลือกสัดส่วนที่ใกล้เคียงกับรูปต้นฉบับเพื่อลดการตัดส่วนสำคัญออก ## ALT vs คำบรรยาย: ต่างกันอย่างไร หลายคนสับสนระหว่าง ALT กับคำบรรยาย (caption) เพราะทั้งคู่เกี่ยวกับข้อความของรูป แต่ทำหน้าที่ต่างกัน **ALT เป็นข้อความแทนรูปที่ผู้อ่านทั่วไปไม่เห็น** ใช้สำหรับเครื่องมือค้นหาและโปรแกรมอ่านหน้าจอ ส่วน **คำบรรยายเป็นข้อความที่แสดงใต้รูปให้ผู้อ่านทุกคนเห็น** ใช้ให้บริบทหรืออธิบายรูปเพิ่มเติม ทั้งสองเสริมกันได้ดี ALT อธิบายว่ารูปคืออะไรสำหรับผู้ที่มองไม่เห็นและเครื่องมือค้นหา ส่วนคำบรรยายให้ข้อมูลที่ผู้อ่านทุกคนได้ประโยชน์ เช่น ที่มาของรูป ชื่อสถานที่ หรือเกร็ดน่าสนใจ ไม่จำเป็นต้องเขียนสองอย่างเหมือนกัน เพราะทำหน้าที่ต่างกัน ALT เน้นอธิบายเนื้อหารูปตรง ๆ ส่วนคำบรรยายเสริมบริบทให้ผู้อ่าน การใช้ทั้งสองอย่างเหมาะสมทำให้รูปของคุณทั้งเป็นมิตรกับ SEO และให้ข้อมูลที่ดีแก่ผู้อ่าน ## ความเร็ว: จัดการรูปให้เบา รูปภาพเป็นหนึ่งในสิ่งที่มีผลต่อความเร็วเว็บมากที่สุด รูปขนาดใหญ่ทำให้หน้าโหลดช้าและกระทบ Core Web Vitals โดยเฉพาะ LCP (Largest Contentful Paint) ที่มักได้รับผลจากรูปใหญ่ในส่วนบนของหน้า ดังนั้นก่อนอัปโหลด ควรปรับขนาดรูปให้พอเหมาะกับที่จะแสดงจริงและบีบอัดไฟล์ให้เล็กลงโดยไม่เสียคุณภาพมากเกินไป การใช้รูปที่มีความละเอียดเพียงพอให้คมชัดแต่ไม่ใหญ่เกินจำเป็นคือสมดุลที่ดี รูปที่ใหญ่กว่าที่แสดงจริงมากเป็นการเปลืองการโหลดโดยเปล่าประโยชน์ เครื่องมือบีบอัดรูปฟรีมีมากมายที่ช่วยลดขนาดไฟล์ได้ การจัดการรูปให้เบาจึงเป็นนิสัยที่ดีที่ส่งผลต่อทั้งประสบการณ์ผู้อ่านและคะแนน SEO ด้านความเร็ว เมื่อรูปทั้งสวย มี ALT ถูกต้อง และเบา คุณก็ได้ประโยชน์ครบทุกด้าน ## รูปกับการเล่าเรื่องและการมีส่วนร่วม รูปภาพไม่ใช่แค่ของประดับ แต่เป็นเครื่องมือเล่าเรื่องที่ทรงพลัง งานวิจัยพบว่าคนจดจำข้อมูลที่มีภาพประกอบได้ดีกว่าข้อความล้วนมาก และเนื้อหาที่มีรูปมักได้รับการมีส่วนร่วมและการแชร์สูงกว่า รูปที่ดีช่วยอธิบายสิ่งที่ข้อความอธิบายยาก สร้างอารมณ์ และทำให้หน้าเว็บน่าอ่านขึ้น การใส่ใจเลือกและวางรูปจึงส่งผลต่อทั้งความเข้าใจและความประทับใจของผู้อ่าน อย่างไรก็ตาม รูปควรเสริมเนื้อหา ไม่ใช่แค่เติมให้เต็ม รูปที่เกี่ยวข้องและสื่อความหมายมีค่ามากกว่ารูปสวยที่ไม่เกี่ยวกับเรื่อง การเลือกรูปที่สอดคล้องกับเนื้อหาและวางในจังหวะที่เหมาะช่วยให้รูปทำหน้าที่เล่าเรื่องได้จริง เมื่อรวมกับ ALT ที่ดีและสัดส่วนที่เหมาะ รูปก็กลายเป็นองค์ประกอบที่ทั้งสวย มีความหมาย และเป็นมิตรกับ SEO ไปพร้อมกัน ## ลิขสิทธิ์รูปภาพ: เรื่องที่ต้องใส่ใจ เรื่องสำคัญที่บล็อกเกอร์มักมองข้ามคือลิขสิทธิ์ของรูป การนำรูปจากอินเทอร์เน็ตมาใช้โดยไม่ตรวจสอบสิทธิ์อาจละเมิดลิขสิทธิ์และนำไปสู่ปัญหาทางกฎหมาย ควรใช้รูปที่คุณถ่ายเอง รูปที่ซื้อลิขสิทธิ์ หรือรูปฟรีจากแหล่งที่อนุญาตให้ใช้ (เช่น รูปที่มีสัญญาอนุญาตแบบเปิด) และปฏิบัติตามเงื่อนไขของแต่ละแหล่ง เช่น การให้เครดิตถ้าจำเป็น การใช้รูปอย่างถูกต้องไม่เพียงหลีกเลี่ยงปัญหา แต่ยังสะท้อนความเป็นมืออาชีพและความน่าเชื่อถือของเว็บ แหล่งรูปฟรีที่มีคุณภาพมีมากมายในปัจจุบัน การเลือกใช้รูปจากแหล่งที่ถูกต้องจึงไม่ใช่เรื่องยาก และเป็นนิสัยที่ดีที่ควรมีตั้งแต่เริ่มทำเว็บ เมื่อคุณใส่ใจทั้งคุณภาพ ความเกี่ยวข้อง ALT ความเร็ว และลิขสิทธิ์ของรูป คุณก็ใช้รูปภาพได้อย่างครบถ้วนและถูกต้อง ## ปัญหาที่พบบ่อยและวิธีแก้ ### รูปไม่แสดง ตรวจว่า URL รูปถูกต้องและเข้าถึงได้จากภายนอก หากใช้รูปที่โฮสต์ในที่ที่ต้องล็อกอินหรือถูกจำกัดสิทธิ์ รูปอาจไม่แสดง ใช้รูปที่โฮสต์แบบเปิดเข้าถึงได้ ### รูปถูกครอบตัดส่วนสำคัญ ระบบครอบรูปให้พอดีสัดส่วนที่เลือก หากส่วนสำคัญถูกตัด ลองเลือกสัดส่วนที่ใกล้เคียงรูปต้นฉบับ หรือใช้รูปที่จุดสำคัญอยู่กลางภาพ ### ลืมใส่ ALT ควรใส่ ALT ทุกครั้งเพราะสำคัญต่อ SEO และการเข้าถึง หากปล่อยว่าง รูปจะเสียโอกาสถูกค้นพบและผู้ใช้โปรแกรมอ่านหน้าจอเข้าไม่ถึง ### รูปทำให้หน้าโหลดช้า ปรับขนาดและบีบอัดรูปก่อนอัปโหลด เพราะรูปขนาดใหญ่มีผลต่อความเร็วและ LCP มากที่สุด ## แนวทางปฏิบัติที่ดี (Best Practices) - ใส่ ALT ที่สื่อความหมายจริงของรูปทุกครั้ง อย่าปล่อยว่างและอย่ายัดคำค้น - เลือกสัดส่วนให้เหมาะกับชนิดรูป (16:9 วิว, 4:3 ทั่วไป, 1:1 สินค้า/โปรไฟล์) - ใช้คำบรรยายเพื่อให้บริบทเพิ่มเติมที่ผู้อ่านทุกคนเห็น - ปรับขนาดและบีบอัดรูปก่อนอัปโหลดเพื่อรักษาความเร็วและ LCP - เลือกรูปที่จุดสำคัญอยู่กลางภาพเพื่อลดการถูกครอบตัดส่วนสำคัญ ## สรุป บล็อกรูปภาพเป็นองค์ประกอบที่ช่วยให้คุณวางรูปในธีมได้อย่างควบคุมรายละเอียดที่สำคัญ ด้วย BlogKub คุณใส่ URL รูป ข้อความ ALT ที่สำคัญต่อ SEO และการเข้าถึง คำบรรยายใต้ภาพ และเลือกสัดส่วน 16:9, 4:3 หรือ 1:1 ได้ ระบบครอบรูปให้พอดีเพื่อความเรียบร้อยและสม่ำเสมอ กุญแจสู่การใช้รูปที่ดีคือการใส่ ALT ที่สื่อความหมายเสมอ เลือกสัดส่วนให้เหมาะกับชนิดรูป และจัดการขนาดไฟล์ให้เบาเพื่อรักษาความเร็ว เมื่อทำครบทุกด้าน รูปของคุณจะทั้งสวย ถูกหลัก SEO เป็นมิตรกับการเข้าถึง และไม่ถ่วงความเร็วเว็บ ซึ่งเป็นมาตรฐานของเว็บที่มีคุณภาพ ## คำถามที่พบบ่อย (FAQ) **ALT สำคัญอย่างไร?** ALT (ข้อความแทนรูป) สำคัญทั้งต่อ SEO และการเข้าถึง เพราะช่วยให้เครื่องมือค้นหาเข้าใจว่ารูปคืออะไร (มีผลต่อการค้นหารูปภาพ) และช่วยให้ผู้ใช้โปรแกรมอ่านหน้าจอที่มองไม่เห็นรับรู้เนื้อหาของรูป ควรเขียน ALT ที่สื่อความหมายจริงของรูป **เลือกสัดส่วนรูปได้ไหม?** ได้ เลือกได้ 3 สัดส่วนคือ 16:9 (แนวนอนกว้าง เหมาะกับภาพวิว/แบนเนอร์), 4:3 (มาตรฐาน) และ 1:1 (จัตุรัส เหมาะกับภาพสินค้า/โปรไฟล์) ระบบครอบรูปให้พอดีสัดส่วนที่เลือกเพื่อความเรียบร้อย **ใส่คำบรรยายใต้ภาพได้ไหม?** ได้ ใส่คำบรรยาย (caption) ที่จะแสดงใต้รูป เพื่อให้บริบทหรืออธิบายรูป ต่างจาก ALT ตรงที่คำบรรยายผู้อ่านทุกคนเห็น ส่วน ALT เป็นข้อความแทนรูปสำหรับเครื่องมือค้นหาและโปรแกรมอ่านหน้าจอ **บล็อกรูปภาพต่างจากการวางรูปในโพสต์อย่างไร?** บล็อกรูปภาพเป็นองค์ประกอบในธีม (เช่นบนหน้าแรกหรือหน้าคงที่) ที่ตั้งค่าสัดส่วน ALT และคำบรรยายได้จาก BlogKub ส่วนการวางรูปในโพสต์เป็นการใส่รูปในเนื้อหาบทความจากตัวแก้ไข Blogger โดยตรง ทั้งสองใช้ในบริบทต่างกัน **ควรใช้รูปขนาดเท่าไร?** ใช้รูปที่มีความละเอียดเพียงพอให้คมชัดแต่ไม่ใหญ่เกินจำเป็น ควรบีบอัดไฟล์ให้เหมาะสมก่อนอัปโหลดเพื่อรักษาความเร็วหน้า เพราะรูปขนาดใหญ่มีผลต่อ Core Web Vitals โดยเฉพาะ LCP --- *บทความนี้เป็นส่วนหนึ่งของ [คู่มือฟีเจอร์ BlogKub](https://www.blogkub.com/learn/) · คู่มือทีละฟีเจอร์ พร้อมวิธีตั้งค่า ตัวเลือก และปัญหาที่พบบ่อย* > เขียนโดย > > ภัทร์พิศาล ดาทอง · เบน > > ผู้ก่อตั้ง BlogKub และบล็อกเกอร์สาย Blogger ที่อยากให้คนไทยมีบล็อกสวยได้เองโดยไม่ต้องเขียนโค้ด รวบรวมประสบการณ์ทำธีมและ SEO บน Blogger มาเรียบเรียงเป็นคู่มือชุดนี้ > > [Facebook](https://www.facebook.com/patpisan)[Pantip · LuMoo](https://pantip.com/profile/2448725)