Hướng dẫn hosting ảnh portfolio tốt nghiệp 2026: checklist 10 mục

Tháng 5 vừa rồi, một bạn em học thiết kế gửi mình link portfolio Behance qua Zalo. Thumbnail mờ tịt.

Mình click vào mới phát hiện bạn ấy upload thẳng ảnh 4032×3024 chụp bằng điện thoại lên luôn. Behance tự cắt cover thành 1400×800, visual chính bay sạch. Ba project nhìn là biết upload cùng một buổi vội vàng. EXIF vẫn còn nguyên toạ độ GPS nhà bạn ấy. Tệ nhất là trang Notion backup — một nửa ảnh không load được vì dùng hotlink từ Imgur và bị chặn.

Nói thật nhé, năm nào tháng 4-5 mình cũng nhận được tin nhắn cầu cứu kiểu này. Bài viết hôm nay là kết quả 3 tuần mình test lại Behance, Dribbble, Notion, Webflow từ đầu. Không phải dịch tài liệu chính thức đâu — đây là phiên bản từ kinh nghiệm thật sự upload file và bị nhà tuyển dụng từ chối.

Nhà tuyển dụng kiểm tra gì khi mở portfolio?

Mình bắt đầu từ đây vì hiểu được họ tìm gì sẽ thay đổi cách bạn chuẩn bị mọi thứ.

Mình đã hỏi ba người bạn đang làm design lead và tuyển dụng. Đây là những gì họ vô thức kiểm tra khi mở portfolio:

1. Dữ liệu EXIF có bị lộ không

Một tấm JPG chụp bằng điện thoại sẽ nhúng toạ độ GPS, thời gian chụp, model máy ảnh, thậm chí cả username. Đăng portfolio mà quên xoá thì coi như công khai địa chỉ nhà luôn.

Behance và Dribbble tự xoá EXIF khi upload. Nhưng Notion, Webflow, và đa số trang tự build thì không. Kéo ảnh từ gallery điện thoại vào Notion là GPS đi kèm luôn.

Để hiểu rõ hơn về rủi ro EXIF và script xoá hàng loạt, xem bài viết này.

2. Watermark — đặt hay không đặt?

Có watermark thể hiện bạn quan tâm tác phẩm. Không có thể hiện sự tự tin. Ranh giới ở đâu?

Theo mình: bài tập sinh viên và project cá nhân thì không cần watermark. Project thương mại có NDA thì đừng đóng watermark to đùng che hết visual chính. Đặt thumbnail nhỏ kèm case study text thì chuyên nghiệp hơn nhiều.

3. Link có ổn định không

Nhà tuyển dụng mở portfolio mà thấy icon ảnh lỗi thì bị trừ điểm gấp đôi. Không chỉ không thấy tác phẩm, mà còn bị đánh giá "người này không quản lý nổi portfolio của chính mình".

Link hỏng thường do: image host miễn phí đổi chính sách (nhớ vụ Imgur chặn hotlink không?), tài khoản hết hạn, gói dịch vụ thay đổi, hoặc link chia sẻ cloud drive bị vô hiệu.

4. Hiển thị khác nhau giữa các thiết bị

Màu sắc trông hoàn hảo trên Mac Retina có thể bị lệch xanh trên màn hình Windows văn phòng. Banner rộng 1920px sẽ bị nén đến mức không đọc được trên iPad dọc.

Mẹo hay nè: sau khi upload xong, nhớ kiểm tra trên điện thoại, tablet, và máy tính bàn. Tốn chưa đến 3 phút mà cứu được hình ảnh chuyên nghiệp.

Tại sao ảnh portfolio không phải chuyện "upload rồi thôi"

Kết luận trước: nhà tuyển dụng xem portfolio trung bình chưa đến 90 giây.

Sau khi nói chuyện với mấy anh chị design lead, mình tổng kết: trong 90 giây đó họ nhìn cover đầu tiên, lướt kiểm tra tốc độ load, zoom vào xem chi tiết có sắc nét không, thỉnh thoảng chuột phải kiểm tra thông tin file. Ảnh mà fail ở bất kỳ bước nào thì hồ sơ xếp vào đống "để xem sau".

Tệ hơn nữa, đa số team HR sàng lọc vòng đầu bằng điện thoại hoặc tablet. Layout đẹp trên màn 27 inch có thể méo hoàn toàn trên iPad. Tấm ảnh "độ phân giải cao" 8MB tải 3 giây trên 4G là bị đóng tab ngay.

Portfolio không phải "quăng ảnh lên mạng". Nó là một hệ thống cần hiển thị tốt trên mọi thiết bị, mọi nền tảng, mọi tốc độ mạng.

So sánh thông số ảnh giữa các nền tảng (2026, đã test thực tế)

Bảng này mình chạy 3 tuần, mỗi nền tảng upload hơn 10 file test. Con số là kết quả render thực tế trên nền tảng, không phải spec đẹp đẽ trên trang marketing.

Thông số	Behance	Dribbble	Notion / Webflow
Chiều rộng khuyến nghị	1600px (trang project)	1600px shot (bản 2x)	1920px (Retina 2x)
Tỷ lệ cover hiển thị	1400×800 (cắt tự động)	800×600 (gần vuông)	Tuỳ chọn, nên 16:9 hoặc 4:3
Dung lượng tối đa	Ảnh 50MB, GIF 50MB	10MB (GIF chỉ Pro)	Notion ~5MB, Webflow 4MB
Định dạng hỗ trợ	JPG, PNG, GIF	JPG, PNG, GIF, MP4 (Pro)	JPG, PNG, WebP, SVG
Phát GIF	Tự động	Chỉ thành viên Pro	Tuỳ trình duyệt (nên dùng MP4)
Giới hạn đính kèm	45 ảnh/project	10/shot	Không giới hạn cứng, nhưng chậm tải
Không gian màu mặc định	sRGB (Adobe RGB bị lệch)	sRGB	sRGB
Nén lại ảnh	Có (JPG ~85 quality)	Có (ưu tiên độ nét)	Notion có, Webflow không

Một chi tiết đáng chú ý: Behance và Dribbble đều nén lại ảnh upload. Bạn upload JPG quality 95, nền tảng convert lại còn khoảng 85. Nếu ảnh gốc đã nén 1 lần rồi thì phiên bản người xem thấy sẽ bị nén 2 lần — mờ và bị block màu rõ ràng.

Cách xử lý: upload ảnh chưa nén hoặc chỉ nén 1 lần.

Behance: Coi cover như poster phim

Behance là một trong những nền tảng visibility cao nhất cho designer, nhưng có một cái bẫy: cover bị cắt tự động thành 1400×800.

Mình đã test: upload cover 1920×1080 thiết kế đẹp, visual chính ở giữa, Behance cắt khoảng 140px trên và dưới. Text tiêu đề đặt ở phần ba dưới thì gần như bị cắt mất nửa.

Có thêm một rule ẩn: không chỉnh được vị trí focal point của cover crop. Nó luôn cắt từ giữa ra ngoài. Nên khi thiết kế cover trong Photoshop, đặt chủ thể chính giữa, khoảng trắng hai bên rộng cũng không sao.

Ba việc bắt buộc trên Behance

• Cover dùng 1400×1600 dọc. Trang danh sách project của Behance hiện thumbnail dọc. Format dọc chiếm nhiều diện tích hơn ngang.
• Mỗi project tối thiểu 5 ảnh. Project 1 ảnh bị thuật toán đánh là "thiếu thông tin", lượt recommend giảm rõ.
• Mô tả trên 300 từ. Search ranking của Behance dựa nặng vào text. Project trống gần như vô hình trong tìm kiếm.

Bẫy Behance mình từng dính

Mình đã từng bị cháy với cái này: project có hơn 10 ảnh high-res liên tiếp, mobile load đến freeze cả trang. Mỗi tấm chỉ 2MB thôi nhưng tổng 20MB trên 4G là thảm hoạ. Test trên iPhone 14, sóng bình thường, một trang mất hơn 8 giây mới load xong.

Cách xử lý: tách nội dung thành nhiều section, hoặc nén WebP dưới 800KB mỗi ảnh.

Dribbble: Chiến trường chính xác 800×600

Dribbble khác hẳn Behance. Đây là nền tảng "một ảnh định sống chết".

Shot tiêu chuẩn là 800×600, nhưng nên upload 1600×1200 (bản 2x Retina). Nền tảng tự scale, nhưng nếu ảnh gốc chỉ 800×600 thì trên màn Retina sẽ bị mờ.

Có một rule ngược đời: ảnh đính kèm không được vượt resolution của shot chính. Mình ban đầu không biết, đặt ảnh high-res làm attachment còn ảnh nhỏ làm shot chính. Dribbble nén attachment xuống bằng kích thước shot. Bài học: đặt ảnh tốt nhất làm shot, attachment để process work.

Bẫy GIF trên Dribbble

Nếu bạn làm motion hoặc animation, chắc muốn upload GIF. Khoan đã — upload GIF trên Dribbble chỉ dành cho Pro (96 USD/năm). Tài khoản miễn phí chỉ upload ảnh tĩnh.

Mình đã thấy quá nhiều bạn mới ra trường bỏ 3 ngày làm demo animation, rồi phát hiện không upload được.

Hai phương án thay thế: chuyển GIF thành MP4 clip ngắn để đính kèm (tài khoản miễn phí vẫn không được), hoặc host GIF ở bên ngoài rồi dán link trong mô tả shot.

Notion, Webflow, và trang cá nhân: Tự do nhưng tự chịu

Hai nền tảng trước cho bạn framework sẵn. Notion và Webflow cho tự do hoàn toàn, nhưng mọi thứ bạn tự lo.

Cái giá của tự do? CDN, độ ổn định ảnh, bản quyền — tất cả trên vai bạn.

Ba lỗi phổ biến khi dùng Notion làm portfolio

Notion tiện lợi cho portfolio, nhưng mình thấy quá nhiều người dính:

1. Notion không phải image host. Ảnh kéo vào được lưu trên S3 của Notion, nhưng URL là tạm thời. Nếu ai clone trang bạn, ảnh không copy theo. Link gốc có thể hết hạn.
2. Notion nén ảnh. Đặc biệt ảnh paste từ clipboard. Mức nén rất cao.
3. Notion load chậm. Trang portfolio 30 ảnh mở lâu kinh khủng.

Cách xử lý: nhúng ảnh qua URL bên ngoài. Đây là lý do mình dùng lpic.cc cho portfolio Notion — URL trực tiếp, nhúng được, không bị Notion nén lại, tốc độ load do CDN quyết định.

Cách nhúng ảnh lpic.cc vào Notion

Đơn giản thôi:

1. Upload ảnh miễn phí tại lpic.cc, lấy short link
2. Trong Notion, paste link và chọn "Create embed" hoặc dùng lệnh /image dán URL
3. Ảnh hiển thị qua direct link, không tốn quota lưu trữ Notion

Mình đã thử: cùng 1 tấm JPG 2MB, upload native Notion load khoảng 1.8 giây, qua CDN của lpic.cc chỉ 0.4 giây. Chênh gần 4 lần.

Muốn tìm hiểu sâu hơn về CDN và tối ưu tốc độ load ảnh, xem bài viết tối ưu loading ảnh.

Webflow thì sao?

Webflow có CDN riêng và tự chuyển sang WebP cho trình duyệt hiện đại. Nhưng gói miễn phí giới hạn 100MB tài nguyên mỗi site. Chục ảnh high-res là cạn.

Nếu đang dùng Webflow miễn phí, cách hiệu quả nhất là host toàn bộ ảnh bên ngoài, Webflow chỉ chứa HTML/CSS. Nhiều bạn designer mình quen làm đúng như vậy.

Checklist 10 mục trước khi lên sóng portfolio

Checklist này mình làm cho một bạn em mentee. Mỗi mục đều được thêm vào vì có người thật sự dính.

1. Tất cả ảnh rộng ≥ 1600px, bản 2x Retina
2. Không gian màu thống nhất sRGB (Adobe RGB bị lệch trên web)
3. Mỗi file ≤ 1MB (JPG quality 85) hoặc ≤ 500KB dạng WebP
4. Đã xoá EXIF (đặc biệt GPS và username)
5. Chủ thể cover ở giữa để tránh bị platform crop
6. Mỗi project tối thiểu 5 ảnh, có nhịp kể chuyện
7. Mô tả ≥ 300 từ với keyword liên quan
8. Đã test trên điện thoại, tablet, máy tính
9. Link ảnh bên ngoài kiểm tra ổn định (mở incognito thử)
10. Backup file gốc PSD/AI/Figma và bản xuất high-res lên cloud

Nếu muốn nâng tiêu chuẩn trình bày ảnh lên mức thương mại điện tử, tham khảo bài về chiến lược hosting ảnh sản phẩm — logic chọn góc chụp và format áp dụng trực tiếp cho portfolio dạng product.

Gợi ý thực tế về hosting ảnh cho sinh viên thiết kế

Dành cho các bạn ra trường năm 2026:

Chọn một nền tảng chính và đào sâu. Không cần chạy cả Behance lẫn Dribbble cùng lúc. Chọn cái phù hợp hướng đi của bạn. Truyền thông thị giác, nhận diện thương hiệu? Behance. UI, icon, minh hoạ? Dribbble. Motion graphic? Vimeo. Ở Việt Nam, Behance đặc biệt phổ biến trong cộng đồng thiết kế — nhiều studio tuyển dụng kiểm tra Behance trước cả portfolio riêng.

Dựng trang cá nhân nhanh bằng Notion hoặc Webflow. Mùa tốt nghiệp bận rộn lắm, đừng mất 2 tuần đánh nhau với React. Notion nửa ngày là ra trang portfolio tươm tất. Webflow một tuần là có bản có animation.

Hosting ảnh dùng dịch vụ chuyên dụng như lpic.cc. Lý do thì rõ rồi: Notion nén native, Webflow miễn phí giới hạn dung lượng, link cloud drive hay hỏng. lpic.cc cho upload miễn phí, URL trực tiếp, tự xoá EXIF, có bảo vệ bằng mật khẩu. Nếu tác phẩm có NDA, upload đặt password rồi chia sẻ khi phỏng vấn. Lưu ý lpic.cc chạy bằng quảng cáo miễn phí nên thời gian lưu trữ và giới hạn theo quy định trên site — tác phẩm quan trọng nên backup riêng.

Combo 3 lớp này đã giúp mình và nhiều bạn bè vượt qua mùa tuyển dụng không bị broken link lần nào.

Câu hỏi thường gặp

Q1: Chạy cả Behance lẫn Dribbble cùng lúc được không?

Được, nhưng mình không khuyến nghị lúc mới ra trường. Hai nền tảng có thuật toán và văn hoá cộng đồng khác nhau hoàn toàn. Chạy song song nghĩa là cả hai đều nửa vời. Làm cho xong 5-10 project hoàn chỉnh trên một nền tảng trước rồi mới tính cross-post.

Q2: Tác phẩm NDA bảo mật không công khai được, làm sao đưa vào portfolio?

Ba cách. Một, đăng process work và wireframe, blur phần visual nhạy cảm. Hai, viết case study mô tả quy trình, không đăng visual cuối. Ba, đặt trang behind mật khẩu, phỏng vấn mới đưa password. Mình đã dùng tính năng bảo vệ mật khẩu của lpic.cc cho tác phẩm NDA — nhà tuyển dụng nhập password mới xem được, phỏng vấn xong xoá link.

Q3: Mùa tốt nghiệp server có lag không? Nên lên sóng khi nào?

Nền tảng lớn thì không lag. Nhưng trang cá nhân thì có thể — nhất là Notion hoặc Webflow miễn phí vào giờ cao điểm HR duyệt hồ sơ (10h-12h sáng). Nên dùng image host riêng để phân tải. Về thời điểm, mình khuyên chuẩn bị xong trước cuối tháng 3. Tháng 5 là cao điểm nộp hồ sơ, đừng đợi đến lúc đó mới bắt đầu.

Q4: GIF hay MP4?

MP4, luôn luôn. GIF nặng, chất lượng thấp, không hỗ trợ âm thanh, trình duyệt hiện đại tối ưu MP4 tốt hơn nhiều. Ngoại lệ duy nhất là Dribbble Pro chỉ nhận GIF cho shot động. Tài khoản miễn phí không upload animation được.

Q5: Có nên đóng watermark logo lên ảnh không?

Bài tập sinh viên thì không cần. Watermark làm loãng sự chuyên nghiệp của tác phẩm. Nếu lo bị lấy ảnh, nhúng thông tin bản quyền vào metadata file — mắt thường không thấy nhưng dùng làm bằng chứng được.

Q6: Không có tiền trả Webflow hay Dribbble Pro thì sao?

Hoàn toàn không ảnh hưởng. Combo miễn phí: Notion + lpic.cc + Behance free. Tổng chi phí: không đồng. Đầu tư tiền vào tác phẩm, không phải subscription công cụ.

Tài liệu tham khảo

• Behance Help Center — Thông số upload project và kích thước cover
• Dribbble Upload Guidelines — Resolution shot và giới hạn attachment
• Notion Image Block — Quy tắc nhúng và giới hạn file
• Webflow Asset Manager — CDN behavior và hỗ trợ format
• lpic.cc — Bảo vệ mật khẩu, URL trực tiếp, xử lý EXIF
• W3C Image Optimization Guidelines — Không gian màu và hiển thị đa thiết bị