2026 Graduation Portfolio Launch Checklist: 10 Image Checks Before Going Live

Last May, a design student I mentor sent me her Behance portfolio link. The thumbnails were a blurry mess.

I clicked through and realized she had uploaded raw 4032x3024 photos straight from her phone. Behance force-cropped the covers to 1400x800, slicing off the main visual on every project. Three pieces were clearly uploaded in a single panicked session. The EXIF data still had her home address baked into the GPS coordinates. And her backup Notion site? Half the images were dead. She had hotlinked from Imgur, and Imgur had blocked it.

I see this every spring. So I spent three weeks re-testing Behance, Dribbble, Notion, and Webflow from scratch and put together this pre-launch checklist. This is not a summary of official docs. It is the version that comes from actually uploading files and actually getting rejected by hiring managers.

What Hiring Managers Actually Check

Let me start here, because understanding what they look for changes how you prepare everything else.

I talked to three friends who are design leads and hiring managers. Here is what they unconsciously check when they open a portfolio:

1. EXIF Data Leaks

A phone-shot JPG embeds GPS coordinates, capture time, camera model, and sometimes even your username. Posting your portfolio with that data means publishing your approximate home address.

Behance and Dribbble strip EXIF on upload. But Notion, Webflow, and most self-hosted sites do not. If you drag an image from your phone gallery into Notion, the GPS tag goes with it.

For a deeper look at EXIF risks and batch removal scripts, check out this post.

2. Watermark Etiquette

Having a watermark signals you care about your work. Not having one signals confidence. Where is the line?

My take: skip watermarks on student projects and personal work. For commercial projects under NDA, do not force a giant watermark across the main visual. Show a smaller thumbnail with a written case study instead. A watermark plastered over the hero image looks amateurish.

3. Link Stability

If a hiring manager opens your portfolio and sees broken image placeholders, the penalty is double. They did not just miss the work. They now think you cannot even maintain your own portfolio.

Broken links usually come from: free image hosts changing policies (remember when Imgur blocked hotlinking?), expired accounts, plan changes, or cloud drive share links going stale.

4. Cross-Device Consistency

Colors that look perfect on your Mac Retina display might shift green on a Windows office monitor. A 1920px-wide banner gets squished unreadably on an iPad in portrait mode.

The fix is simple: after uploading, check on your phone, a tablet, and a standard office monitor. Three minutes of effort that protects your professional image.

Why Portfolio Images Are Not Something You Can Wing

Here is the bottom line: hiring managers spend less than 90 seconds on a portfolio.

After talking to those design leads, here is what happens in those 90 seconds. First glance at the cover composition. Scroll to check load speed. Zoom in to see if details are sharp. Occasionally right-click to inspect the file. If your images fail at any of these checkpoints, your resume goes into the "maybe later" pile.

It gets worse. Most HR teams do an initial screen on phones or tablets. Your carefully crafted layout on a 27-inch monitor might distort completely on an iPad. Your 8MB "high-res" image takes three seconds to load on a cellular connection, and they close the tab.

A portfolio is not "throw images online." It is a system that needs to render well across devices, platforms, and network speeds.

Platform Image Specs Compared (2026, Tested)

I spent three weeks on this table, uploading 10+ test files to each platform. These numbers are what actually renders on the platform side, not the nice-sounding specs in their marketing pages.

Spec	Behance	Dribbble	Notion / Webflow Self-Hosted
Recommended width	1600px (project page)	1600px shot (2x version)	1920px (Retina 2x)
Cover display ratio	1400x800 (force-cropped)	800x600 (square-ish visual)	Your call, suggest 16:9 or 4:3
Max file size	Image 50MB, GIF 50MB	10MB (Pro only for GIF)	Notion ~5MB, Webflow 4MB
Supported formats	JPG, PNG, GIF	JPG, PNG, GIF, MP4 (Pro)	JPG, PNG, WebP, SVG
GIF playback	Autoplay	Pro members only	Browser-dependent (use MP4)
Attachment limit	45 images per project	10 per shot	No hard limit, but slows loading
Default color space	sRGB (Adobe RGB shifts)	sRGB	sRGB
Re-compression	Yes (JPG ~85 quality)	Yes (prioritizes sharpness)	Notion yes, Webflow no

One detail worth highlighting: Behance and Dribbble both re-compress your uploads. You upload a JPG at quality 95, and the platform converts it internally to about 85. If your original was already compressed once, the version visitors see has been compressed twice, resulting in visible blur and color banding.

The fix: make sure you upload an uncompressed or single-pass version.

Behance: Treat Your Cover Like a Movie Poster

Behance is one of the highest-visibility platforms for designers, but it has a trap many people miss: covers get force-cropped to 1400x800.

I tested this myself. Upload a beautifully designed 1920x1080 cover with the main visual centered, and Behance cuts about 140px off the top and bottom. If your title text sits in the lower third, it will likely get chopped in half.

There is also a hidden rule: you cannot adjust the focal point of the cover crop. It always crops from the center outward. So when designing covers in Photoshop, keep the subject dead center and leave generous whitespace on the sides.

Three Must-Dos for Behance

• Use 1400x1600 portrait covers. Behance's project list page actually shows portrait thumbnails. Portrait format gets more visual real estate than landscape.
• Include at least 5 images per project. Single-image projects get flagged as "low information" by the algorithm, tanking your recommendations.
• Write 300+ words in the description. Behance's search ranking weighs text content heavily. Empty projects are nearly invisible in search.

Behance Pitfall

I got burned by this one: if a project page has 10+ high-res images in a row, mobile loading freezes the page. Even at 2MB each, 20MB total on a 4G connection is brutal. I tested on an iPhone 14 with a normal signal and a single page took over 8 seconds to fully load.

The fix: split content into sections, or compress to WebP at under 800KB per image.

Dribbble: The 800x600 Precision Arena

Dribbble works completely differently from Behance. It is a "one image decides everything" platform.

The standard shot size is 800x600, but you should upload at 1600x1200 (2x Retina). The platform auto-scales, but if your original is only 800x600, it looks soft on Retina displays.

Here is a counterintuitive rule: attachment images cannot exceed the resolution of the main shot. I did not know this at first and put my final high-res image as an attachment with a smaller version as the main shot. Dribbble re-compressed the attachment to match the main image size. The lesson: put your best image as the shot. Use attachments for process work or alternate angles.

The Dribbble GIF Trap

If you work in motion or animation, you probably want to upload GIFs. Hold on. Dribbble's GIF upload is Pro-only (USD 96/year). Free accounts can only upload static images.

I have seen too many fresh grads spend three days making an animated demo, only to discover they cannot upload it.

Two alternatives: convert the GIF to an MP4 short clip for attachments (though free accounts still cannot do this), or host the GIF externally and link to it in the shot description. More on external embedding below.

Notion, Webflow, and Personal Sites: Freedom With Responsibility

The previous two platforms give you a framework to follow. Notion and Webflow give you total freedom, but you handle everything yourself.

The cost of that freedom? CDN performance, image stability, and copyright are all on you.

Three Common Notion Portfolio Mistakes

Notion is convenient for portfolios, but I have seen too many people hit these problems:

1. Notion is not an image host. Images dragged in get stored on Notion's S3. But the URLs are temporary. If someone clones your page, the images will not copy over. Original links can expire.
2. Notion compresses your images. Especially if you paste from clipboard. The compression is aggressive.
3. Notion loads slowly. A portfolio page with 30 images can take an eternity to open.

The fix: embed images via external URLs. This is why I use lpic.cc for my own Notion portfolio. Direct URLs, embeddable, no re-compression from Notion, and load speed depends on CDN rather than Notion's servers.

How to Embed lpic.cc Images in Notion

The process is straightforward:

1. Upload your image for free at lpic.cc and get a short link
2. In Notion, paste the link and select "Create embed" or use the /image command with the URL
3. The image displays via direct link, not consuming Notion's storage quota

In my testing, the same 2MB JPG loaded in about 1.8 seconds through Notion's native upload versus 0.4 seconds via lpic.cc's CDN. That is roughly a 4x difference.

For deeper CDN testing methodology and results, see this image loading optimization post.

Webflow Considerations

Webflow has its own CDN and auto-converts to WebP for modern browsers. But the free plan has a 100MB asset limit per site. A dozen high-res portfolio images can blow through that fast.

If you are on Webflow's free plan, the most efficient approach is hosting all images externally and using Webflow only for HTML/CSS. Several designers I know do exactly this.

The Pre-Launch 10-Item Checklist

This checklist started as a condensed version I made for a mentee. Every item was added because someone actually got burned by it.

1. All images are at least 1600px wide (2x Retina versions)
2. Color space is sRGB across the board (Adobe RGB shifts on web)
3. Each file is under 1MB (JPG quality 85) or under 500KB in WebP
4. EXIF data is stripped (especially GPS and username fields)
5. Cover subject is centered to survive platform cropping
6. Each project has at least 5 images with a narrative flow
7. Description text is 300+ words with relevant keywords
8. Tested on phone, tablet, and desktop
9. External image links verified for stability (open in an incognito window)
10. Original PSD/AI/Figma files and high-res exports backed up to cloud storage

If you want to push your image presentation to e-commerce-grade standards, the strategies in this product image hosting post on multi-angle photography and format selection logic translate directly to product-focused portfolios.

Practical Image Hosting Setup for Design Grads

Here is what I recommend for the class of 2026:

Pick one main platform and go deep. You do not need to run both Behance and Dribbble simultaneously. Choose the one that fits your direction. Visual communication and branding? Behance. UI, icons, illustration? Dribbble. Motion graphics? Vimeo. For game art and 3D, consider ArtStation as well. And make sure your LinkedIn profile links to your best portfolio pieces, since recruiters often start there.

Build a personal site quickly with Notion or Webflow. Graduation season is hectic. Do not spend two weeks fighting React. Notion can produce a respectable portfolio page in half a day. Webflow can deliver an animated version in a week.

Use a dedicated image host like lpic.cc. The reasons are clear by now: Notion compresses natively, Webflow's free plan has storage limits, cloud drive links break. lpic.cc offers free uploads, direct URLs, automatic EXIF stripping, and password protection. If your work is under NDA, upload with a password and share it during the interview. Note that lpic.cc runs on an ad-supported free model, so file retention and limits follow the platform's current terms. For critical commercial work, keep your own backup.

This three-layer setup has carried me and several peers through job search season without a single broken link.

FAQ

Q1: Can I run both Behance and Dribbble at the same time?

You can, but I would not recommend it right out of school. The two platforms have very different algorithms and community cultures. Managing both simultaneously means doing both at half effort. Get 5 to 10 complete projects on one platform first, then consider cross-posting.

Q2: My work is under NDA. How do I include it in a portfolio?

Three approaches. First, show process work and wireframes with sensitive visuals blurred. Second, write a case study describing the workflow without showing the final deliverable. Third, put the work behind a password-protected page and share the password during interviews. I have used lpic.cc's password protection for NDA projects. The interviewer enters the password to view, and I delete the link afterward. No public trace left.

Q3: Will servers lag during graduation season? When should I go live?

Major platforms will not lag. But your personal site might, especially on Notion or Webflow free plans during peak HR browsing hours (10 AM to noon). Use an independent image host to offload traffic. For timing, I recommend having everything ready by late March or early April. May is peak application season. Do not wait until then to start building your portfolio.

Q4: GIF or MP4?

MP4, every time. GIFs are large, low quality, no audio support, and modern browsers handle MP4 loading far better. The only exception is Dribbble Pro, which only accepts GIF format for animated shots. Free accounts cannot upload animations at all.

Q5: Should I watermark my images with my logo?

Not for student work. A watermark dilutes the professionalism of the work itself. If you are genuinely worried about theft, embed copyright information in the file metadata. It is invisible to viewers but serves as evidence.

Q6: I cannot afford Webflow or Dribbble Pro. What do I do?

It does not affect your ability to build a strong portfolio. The free stack works great: Notion plus lpic.cc plus Behance free tier. Total cost: zero. Invest your money in the work itself, not tool subscriptions.

References

• Behance Help Center — Project upload specs and cover image dimensions
• Dribbble Upload Guidelines — Shot resolution and attachment limits
• Notion Image Block documentation — Embedding rules and file limits
• Webflow Asset Manager documentation — CDN behavior and format support
• lpic.cc platform features — Password protection, direct URLs, EXIF handling
• W3C Image Optimization Guidelines — Color space and cross-device display recommendations