พอร์ตจบ 2026 อัปโหลดก่อนโดนหัก: เช็กลิสต์ 10 ข้อก่อนขึ้นไลฟ์

เมื่อเดือนพฤษภาคมที่ผ่านมา น้องคนหนึ่งที่เรียนออกแบบส่ง link portfolio Behance มาให้ผมดูทาง LINE thumbnail เบลอมากจนแทบดูไม่ออก

ผมคลิกเข้าไปถึงได้รู้ว่าน้องเอารูปจากมือถือขนาด 4032×3024 อัปขึ้นตรงๆ เลย Behance crop cover อัตโนมัติเป็น 1400×800 ตัด visual หลักหายหมด สามโปรเจกต์ดูก็รู้ว่าอัปวันเดียวแบบรีบๆ EXIF ยังมีพิกัด GPS บ้านน้องอยู่เลย แย่สุดคือเว็บ Notion สำรอง — รูปครึ่งนึงโหลดไม่ขึ้นเพราะ hotlink จาก Imgur แล้วโดนบล็อก

พูดตรงๆ เลยนะ ทุกปีช่วงเมษา-พฤษภา ผมจะได้รับข้อความขอช่วยแบบนี้ตลอด บทความนี้คือผลจาก 3 สัปดาห์ที่ผมไปเทสต์ Behance, Dribbble, Notion, Webflow ใหม่ตั้งแต่ต้น ไม่ใช่แปลจาก doc ทางการ แต่เป็นเวอร์ชันจากประสบการณ์อัปไฟล์จริงและโดนปฏิเสธจริง

Hiring Manager เช็คอะไรบ้างตอนเปิด Portfolio

ผมเริ่มจากตรงนี้เลย เพราะเข้าใจว่าเขาดูอะไรจะเปลี่ยนวิธีที่คุณเตรียมทุกอย่าง

ผมคุยกับเพื่อนสามคนที่เป็น design lead และคนคัดเลือกพนักงาน นี่คือสิ่งที่พวกเขาเช็คโดยไม่รู้ตัวตอนเปิด portfolio:

1. ข้อมูล EXIF หลุดไหม

ไฟล์ JPG ถ่ายจากมือถือจะฝังพิกัด GPS เวลาถ่าย รุ่นกล้อง บางทีมี username ด้วย โพสต์ portfolio โดยไม่ลบ EXIF ก็เหมือนเปิดเผยที่อยู่บ้านไปเลย

Behance กับ Dribbble จะลบ EXIF ให้ตอนอัป แต่ Notion, Webflow และเว็บ self-host ส่วนใหญ่ไม่ลบ ลากรูปจาก gallery มือถือเข้า Notion ก็ได้ GPS tag ไปด้วย

รายละเอียดเรื่องความเสี่ยง EXIF และสคริปต์ลบแบบ batch ดูได้ที่บทความนี้

2. Watermark ใส่ดีไหม

มี watermark แปลว่าแคร์ผลงาน ไม่มีแปลว่ามั่นใจ เส้นอยู่ตรงไหน?

ความเห็นผม: งานนักศึกษาและโปรเจกต์ส่วนตัว ไม่ต้องใส่ watermark งานเชิงพาณิชย์ที่มี NDA อย่าตี watermark ใหญ่ๆ บัง visual หลัก ใช้ thumbnail เล็กๆ กับ case study เขียนอธิบายดูโปรกว่าเยอะ

3. Link เสถียรไหม

Hiring manager เปิด portfolio แล้วเจอ broken image ก็โดนหักคะแนนสองเท่า ไม่ใช่แค่ไม่เห็นผลงาน แต่ยังโดนตัดสินว่า "คนนี้ดูแล portfolio ตัวเองยังไม่ได้เลย"

Link พัง มักเกิดจาก: image host ฟรีเปลี่ยนนโยบาย (จำตอน Imgur บล็อก hotlink ได้ไหม?) แอคเคาท์หมดอายุ แพลนเปลี่ยนเงื่อนไข หรือ link แชร์ cloud drive หมดอายุ

4. แสดงผลต่างกันระหว่างอุปกรณ์

สีที่ดูเพอร์เฟกต์บนจอ Mac Retina อาจเพี้ยนเขียวบนจอ Windows ในออฟฟิศ Banner กว้าง 1920px จะถูกบีบจนอ่านไม่ออกบน iPad แนวตั้ง

ลองเองมาแล้ว ทำแบบนี้ครับ: อัปเสร็จแล้วต้องเช็คบนมือถือ แท็บเล็ต และจอคอมฯ ใช้เวลาไม่ถึง 3 นาทีแต่รักษาภาพลักษณ์มืออาชีพได้

ทำไมรูป Portfolio ถึงมั่วไม่ได้

สรุปก่อนเลย: hiring manager ดู portfolio เฉลี่ยไม่ถึง 90 วินาที

หลังคุยกับพวก design lead ผมสรุปว่าใน 90 วินาทีนั้น เขาจะมองหน้าปกก่อน เลื่อนเช็คความเร็วโหลด ซูมดูว่าชัดไหม บางทีคลิกขวาดูข้อมูลไฟล์ รูปล้มเหลวที่จุดไหนก็ตาม resume จะถูกวางในกอง "ไว้ดูทีหลัง"

ที่แย่กว่าคือ ทีม HR ส่วนใหญ่กรองรอบแรกด้วยมือถือหรือแท็บเล็ต Layout ที่ทำสวยบนจอ 27 นิ้ว อาจเพี้ยนหมดบน iPad รูป 8MB "ความละเอียดสูง" โหลด 3 วินาทีบน 4G ก็โดนปิดแท็บ

Portfolio ไม่ใช่ "โยนรูปขึ้นเน็ต" มันคือระบบที่ต้องแสดงผลดีทุกอุปกรณ์ ทุกแพลตฟอร์ม ทุกความเร็วเน็ต

เปรียบเทียบสเปกรูปภาพแต่ละแพลตฟอร์ม (2026, เทสต์จริง)

ตารางนี้ผมใช้เวลา 3 สัปดาห์ อัปไฟล์ทดสอบเกิน 10 ไฟล์ต่อแพลตฟอร์ม ตัวเลขคือผลลัพธ์ render จริงบนแพลตฟอร์ม ไม่ใช่สเปกสวยๆ ในหน้าโฆษณา

สเปก	Behance	Dribbble	Notion / Webflow
ความกว้างแนะนำ	1600px (หน้า project)	1600px shot (เวอร์ชัน 2x)	1920px (Retina 2x)
อัตราส่วน cover	1400×800 (crop อัตโนมัติ)	800×600 (เกือบสี่เหลี่ยม)	กำหนดเอง แนะนำ 16:9 หรือ 4:3
ขนาดไฟล์สูงสุด	รูป 50MB, GIF 50MB	10MB (GIF เฉพาะ Pro)	Notion ~5MB, Webflow 4MB
ฟอร์แมตที่รองรับ	JPG, PNG, GIF	JPG, PNG, GIF, MP4 (Pro)	JPG, PNG, WebP, SVG
เล่น GIF	อัตโนมัติ	สมาชิก Pro เท่านั้น	ขึ้นกับเบราว์เซอร์ (ใช้ MP4 ดีกว่า)
จำกัดไฟล์แนบ	45 รูป/project	10/shot	ไม่จำกัดแต่จะช้า
Color space	sRGB (Adobe RGB เพี้ยน)	sRGB	sRGB
บีบอัดซ้ำ	ใช่ (JPG ~85 quality)	ใช่ (เน้นความคม)	Notion ใช่, Webflow ไม่

จุดที่ต้องเน้น: Behance กับ Dribbble บีบอัดรูปที่อัปซ้ำอีกรอบ อัป JPG quality 95 แพลตฟอร์มจะแปลงเหลือประมาณ 85 ถ้ารูปเดิมบีบมาแล้วรอบนึง เวอร์ชันที่คนดูเห็นจะโดนบีบสองรอบ — เบลอและเห็น color banding ชัด

วิธีแก้: อัปรูปที่ยังไม่บีบหรือบีบแค่รอบเดียว

Behance: ทำ Cover เหมือนโปสเตอร์หนัง

Behance เป็นแพลตฟอร์ม visibility สูงสุดอันหนึ่งสำหรับนักออกแบบ แต่มีกับดัก: cover ถูก crop อัตโนมัติเป็น 1400×800

ผมเทสต์เอง อัป cover 1920×1080 ที่ออกแบบมาสวย visual หลักอยู่ตรงกลาง Behance ตัดบน-ล่างข้างละประมาณ 140px ถ้าข้อความหัวเรื่องอยู่ 1/3 ล่าง แทบจะโดนตัดครึ่ง

มี rule ซ่อนอีก: ปรับ focal point ของ cover crop ไม่ได้ มัน crop จากตรงกลางออกเสมอ ตอนออกแบบ cover ใน Photoshop ให้วาง subject ตรงกลางเป๊ะ เว้น whitespace ซ้ายขวาเยอะๆ ได้

สามสิ่งที่ต้องทำบน Behance

• Cover ใช้ 1400×1600 แนวตั้ง หน้ารายการ project ของ Behance แสดง thumbnail แนวตั้ง แนวตั้งจะได้พื้นที่มากกว่าแนวนอน
• แต่ละ project อย่างน้อย 5 รูป project รูปเดียว algorithm จะตัดสินว่า "ข้อมูลน้อย" recommend ลดชัดเจน
• คำอธิบายเกิน 300 คำ search ranking ของ Behance ให้น้ำหนักข้อความมาก project เปล่าๆ แทบหาไม่เจอใน search

กับดัก Behance ที่ผมเคยโดน

ผมเคยเจ็บกับเรื่องนี้: project ที่มี รูป high-res ต่อกันเกิน 10 รูป โหลดบนมือถือจนหน้าค้าง แต่ละรูปแค่ 2MB แต่รวม 20MB บน 4G ก็หนักมาก ทดสอบบน iPhone 14 สัญญาณปกติ หนึ่งหน้าใช้เวลาเกิน 8 วินาทีกว่าจะโหลดเสร็จ

วิธีแก้: แบ่งเนื้อหาเป็นหลาย section หรือบีบ WebP ให้ต่ำกว่า 800KB ต่อรูป

Dribbble: สนามรบ 800×600

Dribbble ต่างจาก Behance สิ้นเชิง เป็นแพลตฟอร์ม "รูปเดียวชี้ชะตา"

Shot มาตรฐานคือ 800×600 แต่ควรอัป 1600×1200 (2x Retina) แพลตฟอร์มย่อให้อัตโนมัติ แต่ถ้ารูปเดิมแค่ 800×600 บนจอ Retina จะดูไม่คม

มี rule ที่ขัดสัญชาตญาณ: รูปแนบต้องไม่เกิน resolution ของ shot หลัก ผมตอนแรกไม่รู้ เอารูป high-res ไปเป็น attachment แล้วรูปเล็กเป็น shot หลัก Dribbble บีบ attachment ให้เท่า shot หลัก บทเรียนคือ: เอารูปที่ดีที่สุดเป็น shot ส่วน attachment ใช้สำหรับ process work

กับดัก GIF บน Dribbble

ถ้าทำ motion หรือ animation คงอยากอัป GIF ใช่ไหม ช้าก่อน — อัป GIF บน Dribbble เฉพาะ Pro (96 USD/ปี) แอคเคาท์ฟรีอัปได้แค่รูปนิ่ง

ผมเห็นน้องจบใหม่หลายคนใช้เวลา 3 วันทำ demo animation แล้วพบว่าอัปไม่ได้

สองทางเลือก: แปลง GIF เป็น MP4 คลิปสั้นสำหรับ attachment (แอคเคาท์ฟรีก็ยังไม่ได้) หรือ host GIF ข้างนอกแล้ววาง link ในคำอธิบาย shot

Notion, Webflow, และเว็บส่วนตัว: อิสระแต่รับผิดชอบเอง

สองแพลตฟอร์มก่อนหน้าให้กรอบมาเลย Notion กับ Webflow ให้อิสระเต็มที่ แต่ทุกอย่างต้องดูแลเอง

ราคาของอิสระ? CDN ความเสถียรของรูป ลิขสิทธิ์ ทั้งหมดอยู่ที่คุณ

สามข้อผิดพลาดยอดนิยมเมื่อใช้ Notion ทำ Portfolio

Notion สะดวกสำหรับ portfolio แต่ผมเห็นคนเจอปัญหาเหล่านี้บ่อยมาก:

1. Notion ไม่ใช่ image host รูปที่ลากเข้าไปถูกเก็บบน S3 ของ Notion แต่ URL เป็นแบบชั่วคราว ถ้าใครเอาหน้าคุณไป clone รูปจะไม่ copy ตาม link เดิมอาจหมดอายุ
2. Notion บีบอัดรูป โดยเฉพาะรูปที่ paste จาก clipboard บีบหนักมาก
3. Notion โหลดช้า หน้า portfolio 30 รูป เปิดนานสุดๆ

วิธีแก้: ฝังรูปผ่าน URL ภายนอก นี่คือเหตุผลที่ผมใช้ lpic.cc สำหรับ portfolio Notion — URL ตรง ฝังได้ ไม่โดน Notion บีบซ้ำ ความเร็วโหลดขึ้นกับ CDN

วิธีฝังรูป lpic.cc ใน Notion

ง่ายมาก:

1. อัปรูปฟรีที่ lpic.cc จะได้ short link
2. ใน Notion วาง link แล้วเลือก "Create embed" หรือใช้คำสั่ง /image วาง URL
3. รูปจะแสดงผ่าน direct link ไม่กิน quota พื้นที่ Notion

ผมทดสอบแล้ว: JPG 2MB ตัวเดียวกัน อัปผ่าน Notion โหลดประมาณ 1.8 วินาที ผ่าน CDN ของ lpic.cc แค่ 0.4 วินาที ต่างกันเกือบ 4 เท่า

อยากรู้ลึกกว่านี้เรื่อง CDN และการเพิ่มความเร็วโหลดรูป ดูที่บทความ optimization การโหลดรูป

แล้ว Webflow ล่ะ?

Webflow มี CDN ของตัวเองและแปลงเป็น WebP อัตโนมัติสำหรับเบราว์เซอร์ใหม่ แต่แพลนฟรีจำกัด 100MB ต่อเว็บ รูป high-res สิบกว่ารูปก็เต็ม

ถ้าใช้ Webflow ฟรี วิธีที่ดีที่สุดคือ host รูปทั้งหมดข้างนอก ให้ Webflow เก็บแค่ HTML/CSS นักออกแบบหลายคนที่ผมรู้จักทำแบบนี้ ในไทยหลายคนยังแชร์ portfolio ผ่าน LINE ด้วย ซึ่ง direct link จาก image host ภายนอกจะเปิดใน LINE ได้เร็วกว่ารูปจาก Notion

Checklist 10 ข้อก่อนปล่อย Portfolio

Checklist นี้ผมทำให้น้องที่ mentor สอน ทุกข้อถูกเพิ่มเข้ามาเพราะมีคนโดนจริง

1. รูปทุกรูปกว้างอย่างน้อย 1600px (เวอร์ชัน 2x Retina)
2. Color space เป็น sRGB ทั้งหมด (Adobe RGB เพี้ยนบนเว็บ)
3. แต่ละไฟล์ไม่เกิน 1MB (JPG quality 85) หรือไม่เกิน 500KB แบบ WebP
4. ลบ EXIF แล้ว (โดยเฉพาะ GPS และ username)
5. Subject ของ cover อยู่ตรงกลาง กันโดน platform crop
6. แต่ละ project มีอย่างน้อย 5 รูป มี narrative flow
7. คำอธิบาย 300+ คำพร้อม keyword ที่เกี่ยวข้อง
8. ทดสอบแล้วบนมือถือ แท็บเล็ต เดสก์ท็อป
9. Link รูปภายนอกเช็คแล้วว่าเสถียร (เปิดในหน้าต่าง incognito)
10. แบ็กอัปไฟล์ต้นฉบับ PSD/AI/Figma และ export high-res ไว้บน cloud

ถ้าอยากยกระดับการนำเสนอรูปให้ถึงมาตรฐาน e-commerce ลองดูบทความเรื่อง hosting รูปสินค้า — ลอจิกการเลือกมุมถ่ายและฟอร์แมตใช้กับ portfolio แบบ product-focused ได้เลย

คำแนะนำจริงจังเรื่อง Hosting รูปสำหรับนักออกแบบจบใหม่

สำหรับรุ่นจบปี 2026:

เลือกแพลตฟอร์มหลักหนึ่งที่แล้วทำให้ลึก ไม่ต้องรัน Behance กับ Dribbble พร้อมกัน เลือกที่ตรงกับทิศทางของคุณ Visual communication, branding? Behance UI, icon, illustration? Dribbble Motion graphic? Vimeo ในไทย Behance เป็นที่นิยมมากในวงการออกแบบ studio หลายที่ดู Behance ก่อน portfolio ส่วนตัวเสียอีก

สร้างเว็บส่วนตัวเร็วๆ ด้วย Notion หรือ Webflow ช่วงจบยุ่งมาก อย่าเสียเวลา 2 สัปดาห์สู้กับ React Notion ครึ่งวันก็ได้หน้า portfolio ที่ดูดี Webflow สัปดาห์นึงได้เวอร์ชันมี animation

ใช้ image host เฉพาะทางอย่าง lpic.cc เหตุผลชัดแล้ว: Notion บีบรูป Webflow ฟรีจำกัดพื้นที่ link cloud drive พัง lpic.cc อัปฟรี URL ตรง ลบ EXIF อัตโนมัติ มีระบบตั้งรหัสผ่าน ถ้างานมี NDA อัปแล้วตั้ง password แชร์ตอนสัมภาษณ์ โปรดทราบว่า lpic.cc ใช้โมเดลโฆษณาฟรี ระยะเวลาเก็บไฟล์และข้อจำกัดเป็นไปตามเงื่อนไขบนเว็บ งานสำคัญควรแบ็กอัปเอง

ระบบ 3 ชั้นนี้พาผมกับเพื่อนหลายคนผ่านช่วงหางานโดยไม่มี broken link แม้แต่ครั้งเดียว

คำถามที่พบบ่อย

Q1: รัน Behance กับ Dribbble พร้อมกันได้ไหม?

ได้ แต่ผมไม่แนะนำตอนเพิ่งจบ สองแพลตฟอร์มมี algorithm และวัฒนธรรมชุมชนต่างกันสิ้นเชิง ทำพร้อมกันเท่ากับทำทั้งคู่แบบครึ่งๆ กลางๆ ทำให้ครบ 5-10 project บนแพลตฟอร์มนึงก่อน แล้วค่อยคิดเรื่อง cross-post

Q2: งาน NDA ห้ามเปิดเผย จะเอาลง portfolio ยังไง?

สามวิธี หนึ่ง โพสต์ process work กับ wireframe เบลอ visual ที่ sensitive สอง เขียน case study อธิบายขั้นตอน ไม่ลง visual สุดท้าย สาม ตั้งหน้าแบบใส่รหัสผ่าน ให้ password ตอนสัมภาษณ์ ผมเคยใช้ฟีเจอร์ตั้งรหัสผ่านของ lpic.cc สำหรับงาน NDA — ผู้สัมภาษณ์ใส่ password ถึงจะดูได้ สัมภาษณ์เสร็จก็ลบ link

Q3: ช่วงจบ server จะ lag ไหม? ควรปล่อยงานเมื่อไหร่?

แพลตฟอร์มใหญ่ไม่ lag แต่ เว็บส่วนตัวอาจช้าได้ โดยเฉพาะ Notion หรือ Webflow ฟรีช่วง HR เปิดเยอะ (10 โมง-เที่ยง) ใช้ image host แยกช่วยแบ่งโหลด เรื่องเวลา ผมแนะนำเตรียมให้พร้อมปลายมีนาคม พฤษภาคมคือช่วงพีคสมัครงาน อย่ารอถึงตอนนั้นค่อยเริ่ม

Q4: GIF หรือ MP4?

MP4 เสมอ GIF ไฟล์ใหญ่ คุณภาพต่ำ ไม่รองรับเสียง เบราว์เซอร์สมัยใหม่จัดการ MP4 ได้ดีกว่ามาก ข้อยกเว้นเดียวคือ Dribbble Pro ที่รับแค่ GIF สำหรับ shot เคลื่อนไหว แอคเคาท์ฟรีอัป animation ไม่ได้เลย

Q5: ควรใส่ watermark โลโก้ลงรูปไหม?

งานนักศึกษาไม่จำเป็น watermark ทำให้ความเป็นมืออาชีพของผลงานเจือจาง ถ้ากลัวโดนขโมยรูปจริงๆ ฝังข้อมูลลิขสิทธิ์ใน metadata ของไฟล์ มองไม่เห็นด้วยตาเปล่าแต่ใช้เป็นหลักฐานได้

Q6: ไม่มีเงินจ่าย Webflow หรือ Dribbble Pro ทำยังไง?

ไม่กระทบเลย ชุดฟรี: Notion + lpic.cc + Behance free รวมค่าใช้จ่าย: ศูนย์บาท ลงทุนเงินกับผลงาน ไม่ใช่ subscription เครื่องมือ

อ้างอิง

• Behance Help Center — สเปกอัป project และขนาด cover
• Dribbble Upload Guidelines — Resolution ของ shot และ limit ไฟล์แนบ
• Notion Image Block — กฎการฝังรูปและ limit ไฟล์
• Webflow Asset Manager — พฤติกรรม CDN และฟอร์แมตที่รองรับ
• lpic.cc — ตั้งรหัสผ่าน, URL ตรง, จัดการ EXIF
• W3C Image Optimization Guidelines — Color space และการแสดงผลข้ามอุปกรณ์