จัดการรูปภาพบล็อกอย่างไรให้ไม่กินเวลา คู่มือ Workflow ฉบับบล็อกเกอร์ไทย 2026
เคยไหม เขียนบล็อกเสร็จใน 2 ชั่วโมง แต่แต่งรูปไปอีก 3 ชั่วโมง
บอกตามตรงเลยนะ ปัญหานี้บล็อกเกอร์ไทยแทบทุกคนเจอ ไม่ว่าจะเขียนลง WordPress, Medium, Blockdit หรือทำเพจแชร์บน Pantip ต่อ งานเขียนอาจจะไหลลื่น แต่พอมาถึงขั้นตอน "จัดการรูป" ก็นั่งจมอยู่หน้าจอเป็นชั่วโมง ๆ
สถานการณ์ที่เจอบ่อยคือ ถ่ายรูปมา 50 รูป ใช้จริง 8 รูป แต่ไปนั่งเลือกไล่เรียงเป็นชั่วโมง พอจะอัปโหลดรูปก็หนัก 4–5 MB ต่อรูป เว็บก็โหลดช้า Google ก็ลดอันดับ แถมถ้าเลือกบริการฝากรูปผิด วันหนึ่งรูปหายหมด เหมือนที่ Imgur เคยลบรูปอัปโหลดแบบ anonymous เมื่อปี 2023 ไปเป็นล้าน ๆ ภาพ
ข่าวดีคือ ถ้ามี workflow ที่วางเป็นระบบจริง ๆ เวลาที่ใช้จัดการรูปจะลดลงเหลือ 1 ใน 3 ได้สบาย บทความนี้จะพาคุณเดินทีละขั้น พร้อมเครื่องมือแนะนำที่คนไทยใช้งานได้จริง ไม่ใช่แค่ทฤษฎี
ภาพรวม Workflow จัดการรูปบล็อก 5 ขั้น
ขอสรุปสั้น ๆ ก่อน เพื่อให้เห็นภาพรวมทั้งกระบวนการ
ถ่ายรูป → แต่งภาพ → บีบอัด → อัปโหลด/ฝากรูป → ฝังลงบทความ
เรื่องสำคัญที่หลายคนมักข้าม คือขั้นบีบอัดและเลือกที่ฝากรูป สองขั้นนี้เป็นตัวตัดสินว่าบล็อกคุณจะโหลดเร็วหรือช้า และจะเสถียรในระยะยาวหรือไม่
ต่อไปมาดูทีละขั้นตอนเลย
ขั้นที่ 1: ถ่ายรูปให้เหมาะกับบล็อก
ไม่ต้องมีกล้อง DSLR หรอก มือถือก็พอ ที่สำคัญกว่าคือแสงและมุม
แสงคือพระเอก
- แสงธรรมชาติดีที่สุด — ถ่ายใกล้หน้าต่าง แต่เลี่ยงแสงแดดจัดที่สาดตรง ๆ เพราะเงาจะแข็งมาก
- หลีกเลี่ยงแสงเที่ยง — ช่วงเที่ยงแสงจะตกตรงหัว อาหารหรือสินค้าจะดูแบน ไม่มีมิติ
- วันฟ้าครึ้มเป็นเพื่อนช่างภาพ — เมฆทำหน้าที่กระจายแสง ทุกดีเทลจะชัดเจนและนุ่มนวล
สำหรับบล็อกเกอร์สายอาหาร ถ่ายในร้านกาแฟที่มีหน้าต่างใหญ่ ๆ ประมาณ 3–4 โมงเย็นคือโหมดเทพ
หลักการจัดองค์ประกอบพื้นฐาน
- กฎสามส่วน — เปิด grid ของแอปกล้องในมือถือ แล้วจัดวางตัวแบบบนจุดตัด 4 จุด
- เว้นที่ว่าง — อย่าอัดทุกอย่างเต็มเฟรม เว้น negative space ให้สายตาพัก
- ถ่ายหลายมุม — ตัวเดียวกันถ่ายมุมตรง 45 องศา และมุมสูง อย่างน้อยอย่างละรูป พอเขียนบทความจะมีตัวเลือกให้เลือก
เทคนิคสกรีนช็อตสำหรับคอนเทนต์สายเทค
ถ้าคุณเขียนรีวิวแอป หรือสอนใช้เครื่องมือ สกรีนช็อตคือรูปหลักของคุณ
- macOS:
Cmd + Shift + 4ครอบเลือกพื้นที่ได้เลย - Windows:
Win + Shift + Sเปิด Snipping Tool - เบราว์เซอร์: ติดตั้ง GoFullPage แคปหน้าเว็บได้ทั้งหน้ายาว ๆ
- มือถือ Android: ส่วนใหญ่กด Power + Volume Down แล้วใช้ scroll capture ของเครื่องได้
เคล็ดลับ: ตั้งขนาดเบราว์เซอร์เป็นความกว้างคงที่ เช่น 1280px ทุกครั้งที่แคป ภาพทั้งบทความจะมีขนาดเท่ากัน ทำให้ layout ดูเรียบร้อย
ขั้นที่ 2: แต่งภาพให้เหมาะกับการอ่านบนเว็บ
หลังถ่ายเสร็จ ต้องแต่งนิดหน่อย ไม่ใช่เพื่อให้สวยเว่อร์ แต่ให้อ่านสบายตา
เปรียบเทียบเครื่องมือแต่งภาพ
| เครื่องมือ | แพลตฟอร์ม | ราคา | เหมาะกับ | ความยาก |
|---|---|---|---|---|
| Canva | เว็บ/แอป | ฟรี (Pro รายเดือน) | ทำหน้าปก ใส่ตัวอักษร | ง่ายมาก |
| Lightroom Mobile | iOS/Android | ฟรี (ฟีเจอร์ขั้นสูงต้องจ่าย) | แต่งสี batch processing | ง่าย |
| Squoosh | เว็บ | ฟรี | บีบอัด แปลงฟอร์แมต | ง่ายมาก |
| Photopea | เว็บ | ฟรี | คล้าย Photoshop | ปานกลาง |
| Preview (macOS) | macOS | ติดมากับเครื่อง | ตัดขอบ ปรับขนาด | ง่ายมาก |
| VSCO | iOS/Android | ฟรี (Pro รายปี) | สายฟีลเตอร์ฟิล์ม | ง่าย |
| Snapseed | iOS/Android | ฟรี (Google) | แต่งรูปโปรระดับพกพา | ปานกลาง |
บล็อกเกอร์ไทยสายท่องเที่ยวส่วนใหญ่บน Pantip Blueplanet มักใช้ Lightroom + VSCO เพราะโทนสีออกมาคมและมีคาแรคเตอร์
สิ่งที่ควรทำก่อนลงบล็อกเสมอ
- ตัดขอบ (Crop) — ลบส่วนที่ไม่จำเป็นออก โฟกัสตัวแบบ
- ปรับความสว่างและ contrast — รูปต้องไม่ทึบและไม่สว่างโอเวอร์
- ใส่ลูกศร/ข้อความ — สำหรับคอนเทนต์สอนใช้งาน ลูกศรสีแดงบนสกรีนช็อตช่วยได้เยอะ
- เซ็ตขนาดให้เท่ากัน — ทั้งบทความควรกว้างเท่ากัน แนะนำ 800–1200px
- ทำหน้าปก (Featured Image) — สำหรับ Facebook/Twitter Cards แนะนำ 1200x630px
ทำแบบ batch ประหยัดเวลากว่าเยอะ
รูปในบทความเดียวอาจมี 10 รูปขึ้นไป ถ้าแต่งทีละรูปจะเสียเวลามาก ลองใช้วิธีเหล่านี้
- Lightroom: นำเข้ารูปทั้งหมด → แต่งรูปแรก → copy settings ไปทุกรูป → export พร้อมกัน
- Preview (macOS): เลือกทั้งหมด → คลิกขวา Open With Preview → Select All → Tools → Adjust Size
- ImageMagick (command line):
mogrify -resize 1000x *.jpgบรรทัดเดียวปรับขนาดทีเดียว
ขั้นที่ 3: บีบอัดรูป ลดขนาด 80% โดยแทบไม่เสียคุณภาพ
ขั้นนี้หลายคนข้าม แต่จริง ๆ นะ เป็นขั้นที่ส่งผลต่อ SEO มากที่สุด ตามสถิติของ HTTP Archive รูปภาพคิดเป็นสัดส่วนเฉลี่ย 44% ของขนาดเว็บทั้งหมด การบีบอัดที่ดีจะทำให้หน้าเว็บโหลดเร็วขึ้นทันที
เครื่องมือบีบอัดที่แนะนำ
| เครื่องมือ | ประเภท | ผลการบีบอัด | วิธีใช้ |
|---|---|---|---|
| Squoosh | เว็บแอป | ดีมาก (พรีวิวสดได้) | ลากรูปเข้าเว็บ |
| TinyPNG | เว็บแอป | ดีมาก | ครั้งละ 20 รูป |
| ImageOptim | macOS app | ดีมาก (lossless) | ลากไฟล์เข้า |
| ShortPixel | WordPress plugin | ดีมาก | อัตโนมัติตอนอัปโหลด |
| Caesium | Windows app | ดีมาก | batch ได้เป็นพัน |
ผลลัพธ์จริงจากการทดสอบ
ผมลองบีบอัดรูปบล็อก 1 รูป (1200x800, JPEG) ด้วย Squoosh ได้ผลดังนี้
- ต้นฉบับ: 1.8 MB
- JPEG quality 80: 412 KB (ลด 77%)
- WebP quality 80: 298 KB (ลด 83%)
- AVIF quality 65: 187 KB (ลด 90%)
ทั้ง 3 เวอร์ชันนี้ ถ้ามองด้วยตาเปล่าแทบแยกไม่ออกจากต้นฉบับ
เลือกฟอร์แมตยังไงดี
สรุปง่าย ๆ
- รูปถ่ายทั่วไป: WebP (รองรับเกือบทุกเบราว์เซอร์แล้ว) หรือ JPEG
- สกรีนช็อต/รูปที่มีตัวอักษร: PNG (ตัวอักษรจะไม่เบลอ)
- แพลตฟอร์มที่รองรับ: WebP คือตัวเลือกที่ไฟล์เล็กที่สุดโดยไม่เสียคุณภาพที่เห็นได้
ขั้นที่ 4: อัปโหลด/ฝากรูป ให้รูปมี "บ้าน"
บีบอัดเสร็จแล้ว ต้องหาที่ฝากรูปเพื่อเอา URL มาใส่ในบทความ มี 3 แนวทางหลัก
ทางที่ 1: ใช้ฟังก์ชันของแพลตฟอร์มบล็อกโดยตรง
WordPress, Ghost, Medium, Blockdit มี media library ในตัว ข้อดีคือใช้ง่ายสุด แต่ข้อเสียคือ
- WordPress.com แบบฟรี มีพื้นที่แค่ 1 GB เท่านั้น
- Medium บีบอัดรูปของคุณเอง คุณภาพอาจลดลง
- Blockdit อนุญาตให้อัปรูปขนาดหนึ่ง แต่ถ้าย้ายไปแพลตฟอร์มอื่น ต้องย้ายรูปใหม่หมด
ทางที่ 2: ใช้บริการฝากรูป (Image Hosting)
อัปรูปไปเก็บไว้ที่บริการเฉพาะทาง ได้ URL ตรงมาใช้ในบทความได้ทุกที่
ข้อดี
- แยกรูปออกจากบทความ ย้ายแพลตฟอร์มง่าย
- บริการฝากรูปส่วนใหญ่มี CDN ทำให้โหลดเร็ว
- ใช้รูปเดียวข้ามหลายแพลตฟอร์มได้ (เช่น ลง Pantip, Blockdit, Facebook Page พร้อมกัน)
ทางที่ 3: ตั้งเซิร์ฟเวอร์ของตัวเอง (ขั้นสูง)
ใช้ Amazon S3, Cloudflare R2 สร้าง image server เอง ต้นทุนต่อเดือนถูก แต่ต้องเซ็ตอัป CDN, domain, CORS เอง เหมาะกับคนที่มีพื้นฐานเทค
เปรียบเทียบ 3 ทาง
| แนวทาง | ความยาก | ค่าใช้จ่าย | ความยืดหยุ่นย้ายบ้าน | ความเร็ว |
|---|---|---|---|---|
| แพลตฟอร์มในตัว | ง่ายมาก | รวมในค่าใช้งาน | แย่ (ผูกกับแพลตฟอร์ม) | แล้วแต่แพลตฟอร์ม |
| บริการฝากรูป | ง่าย | มักมีแผนฟรี | ดี (URL เป็นของตัวเอง) | เร็ว (CDN) |
| เซิร์ฟเวอร์เอง | ยาก | ต่ำแต่ต้องดูแลเอง | ดีที่สุด | ขึ้นอยู่กับ config |
ถ้าเพิ่งเริ่มเขียนบล็อก แนะนำแพลตฟอร์มในตัวก่อน พอบทความเยอะและเริ่มข้ามแพลตฟอร์ม ค่อยขยับไปใช้บริการฝากรูป
ขั้นที่ 5: ฝังรูปลงบทความ — ขั้นสุดท้ายที่ต้องไม่พลาด
WordPress
ในตัวแก้ไขบทความ คลิกปุ่ม "+" เลือก block "Image" อัปโหลดตรง ๆ หรือใช้ "Insert from URL" ถ้าใช้ image hosting
Ghost
Ghost รองรับทั้ง drag-and-drop และ Markdown ใส่แบบนี้ได้เลย

Medium
Medium รองรับเฉพาะการอัปโหลดตรงเท่านั้น ไม่รองรับ URL embed ต้องดาวน์โหลดรูปจาก image hosting ก่อน แล้วค่อยอัปโหลดใหม่
Blockdit
Blockdit รองรับ Markdown บางส่วน และสามารถใช้ image embed ผ่าน URL ได้ เหมาะมากถ้าคุณใช้ image hosting และข้ามแพลตฟอร์มไปมา
Static site (Hugo, Hexo, Next.js)
ถ้าใช้ static site generator ให้เก็บรูปในโฟลเดอร์ static หรือ public หรือใช้ image hosting URL ตรง

ตั้งชื่อและจัดระเบียบรูป — สิ่งที่หลายคนมองข้าม
พอบล็อกของคุณมี 100 บทความ แต่ละบทความ 10 รูป เท่ากับว่าคุณมี 1000 รูปต้องจัดการ ถ้าไม่มีระบบตั้งแต่แรก หายนะแน่นอน
ตั้งชื่อไฟล์แบบเป็นระบบ
{วันที่}-{slug-บทความ}-{เลขลำดับ}-{คำอธิบาย}.{ฟอร์แมต}
ตัวอย่าง:
2026-03-25-blog-workflow-01-camera-setup.webp
2026-03-25-blog-workflow-02-editing-tools.webp
2026-03-25-blog-workflow-03-compression-result.webp
ประโยชน์
- เรียงตามวันที่อัตโนมัติ
- ดูชื่อไฟล์ก็รู้เลยว่าเป็นของบทความไหน
- เลขลำดับทำให้รูปเรียงถูกต้อง
กลยุทธ์สำรองข้อมูล
รูปต้อง backup เสมอ ไม่ว่าจะใช้ image hosting หรือแพลตฟอร์มไหน ไม่มีใครรับประกันว่าบริการจะอยู่ตลอดไป ดังที่ Imgur ลบรูป anonymous ไปเมื่อปี 2023 หรือ Photobucket ที่เคยเป็นหลักของโลกบล็อกในยุค 2000s แล้วเปลี่ยนนโยบายจนรูปหายไปหมด
แนะนำสำรอง 3 ชั้น
- Local: สร้างโฟลเดอร์
blog-images/บนเครื่อง เก็บตามโครงสร้างข้างบน - Cloud: sync ไปที่ Google Drive หรือ Dropbox (ใช้เป็น backup ไม่ใช่ image hosting นะ)
- Version control: ถ้าใช้ static site บน Git ก็ใส่รูปใน repo ได้ แต่ระวังขนาด repo บวม ใช้ Git LFS ช่วย
บริการฝากรูปแนะนำสำหรับบล็อกเกอร์ไทย
ถ้าคุณตัดสินใจแล้วว่าจะใช้ image hosting lpic.cc เป็นตัวเลือกที่น่าลอง ฟีเจอร์เด่นคืออัปโหลดได้โดยไม่ต้องสมัคร มี URL ตรงให้ใช้ มี CDN เร่งความเร็วทั่วเอเชีย และรองรับ รหัสป้องกันการเข้าถึง — ถ้าคุณมีรูปที่อยากให้เฉพาะสมาชิกจ่ายเงินเห็น เช่น สกรีนช็อตคอนเทนต์พรีเมียม ฟีเจอร์นี้มีประโยชน์มาก
ข้อจำกัดที่ต้องรู้คือ lpic.cc เหมือน image hosting ฟรีทั่วไปตรงที่ไม่มีระบบโฟลเดอร์หรือ batch management ดังนั้นถ้าบทความเยอะ ให้ใช้การตั้งชื่อไฟล์ที่แนะนำข้างบน และมองว่า image hosting คือ "ช่องทางเผยแพร่รูป" ส่วนการจัดการจริงอยู่ที่ local
ตารางสรุปเปรียบเทียบ image hosting ที่บล็อกเกอร์ไทยนิยม
| บริการ | ฟรี | CDN ในเอเชีย | Direct link | รหัสผ่าน | ข้อจำกัด |
|---|---|---|---|---|---|
| lpic.cc | ใช่ | ใช่ (Cloudflare) | ใช่ | ใช่ | ไม่มี batch upload |
| ImgBB | ใช่ | ปานกลาง | ใช่ | ไม่ | ต้องสมัคร |
| Imgur | ใช่ | ดี | ใช่ | ไม่ | เคยลบรูป anonymous |
| Cloudinary | แผนฟรี 25 GB | ดีมาก | ใช่ | ไม่ | ต้องเรียน API |
| Postimages | ใช่ | ดี | ใช่ | ไม่ | โฆษณาเยอะบนเว็บ |
คำถามที่พบบ่อย FAQ
Q1: รูปบล็อกควรใช้ขนาดเท่าไร
ความกว้างของเนื้อหาบล็อกส่วนใหญ่อยู่ที่ 700–800px ดังนั้นตั้งรูปให้กว้าง 800–1200px จะพอดี เล็กกว่านี้จะเบลอบนจอ Retina ใหญ่กว่านี้เปลือง bandwidth ส่วนรูปหน้าปก (Featured Image) ควรใช้ 1200x630px เพราะเป็นขนาดมาตรฐานของ Facebook/Twitter Card
Q2: ควรใส่ลายน้ำ (Watermark) ไหม
แล้วแต่เป้าหมาย ถ้าเป็นรูปสินค้าหรือรูปถ่ายสร้างสรรค์ต้นฉบับ ใส่ได้เพื่อป้องกันการขโมย แต่ถ้าเป็นสกรีนช็อตหรือรูปประกอบ ไม่จำเป็น เพราะจะรบกวนการอ่าน ถ้าจะใส่ ให้วางในมุม แบบโปร่งแสง ไม่บังเนื้อหาหลัก
Q3: หนึ่งบทความควรมีรูปกี่รูป
ไม่มีกฎตายตัว แต่หลักทั่วไปคือทุก 300–500 คำ ใส่รูป 1 รูป บทความ 2000 คำจะอยู่ประมาณ 4–7 รูป มากไปทำให้หน้าโหลดช้า น้อยไปดูแห้งแล้ง คอนเทนต์สอนใช้งานใส่ได้มากขึ้น (ทีละขั้นตอนละรูป) ส่วนคอนเทนต์บทความความคิดเห็นใส่น้อยได้
Q4: รูปจากมือถือใช้ตรง ๆ ได้ไหม ต้องแต่งไหม
ใช้ได้ แต่แนะนำทำ 2 อย่างอย่างน้อย (1) ตัดขอบที่ไม่จำเป็น (2) บีบอัดให้ขนาดไฟล์เหลือแค่ 200–400 KB เพราะรูปมือถือสมัยนี้หนัก 3–5 MB ต่อรูปง่าย ๆ ถ้าใส่ดิบ ๆ บล็อกคุณโหลดช้าแน่นอน ใช้ Squoosh หรือ TinyPNG ช่วยได้
Q5: ถ้าบริการฝากรูปปิดตัว รูปในบทความเก่าจะหายไหม
หายแน่นอน นี่คือเหตุผลที่ต้อง backup ถ้ามี backup แค่อัปรูปใหม่ไปอีกบริการหนึ่ง แล้วแก้ URL ในบทความ ถ้าไม่มี backup — รูปหายไปตลอดกาล เคล็ดลับคือตั้งนิสัย: อัปรูปไปฝากทุกครั้ง ให้มี local copy ควบคู่เสมอ
Q6: กฎหมาย PDPA มีผลกับรูปในบล็อกไหม
มีครับ ถ้ารูปมีหน้าคนที่ระบุตัวตนได้ การเผยแพร่ในบล็อกสาธารณะอาจเข้าข่าย พ.ร.บ.คุ้มครองข้อมูลส่วนบุคคล (PDPA) ถ้าไม่ได้รับความยินยอม แนะนำ (1) ขอคำยินยอมเป็นลายลักษณ์ (2) เบลอใบหน้าคนที่ไม่ใช่แหล่งข่าวหลัก (3) ลบ EXIF ก่อนอัปโหลด โดยเฉพาะรูปที่มีพิกัด GPS
Q7: รูปจาก TikTok Shop หรือ Shopee ลงบล็อกได้ไหม
ต้องระวังเรื่องลิขสิทธิ์ รูปสินค้าที่แพลตฟอร์มอย่าง Shopee TH หรือ Lazada TH ใช้มักเป็นของผู้ขายหรือแบรนด์ ถ้าคุณเขียนรีวิวสินค้าในฐานะบล็อกเกอร์ ใช้รูปต้นฉบับจะปลอดภัยกว่า หรือขออนุญาตเจ้าของแบรนด์ก่อน
แหล่งอ้างอิง
- HTTP Archive - State of Images — สถิติการใช้รูปในเว็บ
- Google Web Fundamentals - Image Optimization — คู่มือจาก Google
- Squoosh — เครื่องมือบีบอัดจาก Google
- Canva — เครื่องมือแต่งภาพออนไลน์
- WordPress ด้าน Performance — คู่มือประสิทธิภาพจาก WordPress