Abschluss-Portfolio 2026 online stellen: 10-Punkte-Checkliste vor dem Launch

Vergangenen Mai schickte mir eine Design-Studentin, die ich betreue, ihren Behance-Portfolio-Link per WhatsApp. Die Thumbnails waren völlig matschig.

Ich klickte rein und stellte fest: Sie hatte rohe 4032×3024-Handyfotos direkt hochgeladen. Behance beschnitt die Cover automatisch auf 1400×800 und schnitt dabei das Hauptmotiv komplett ab. Drei Projekte waren offensichtlich in einer einzigen Hektik-Session hochgeladen worden. Die EXIF-Daten enthielten noch die GPS-Koordinaten ihrer Wohnadresse. Und ihre Backup-Notion-Seite? Die Hälfte der Bilder war tot. Sie hatte von Imgur hotgelinkt, und Imgur hatte das geblockt.

Ehrlich gesagt bekomme ich jedes Frühjahr solche Hilferufe. Deshalb habe ich drei Wochen lang Behance, Dribbble, Notion und Webflow komplett neu durchgetestet und diese Pre-Launch-Checkliste zusammengestellt. Das ist keine Zusammenfassung offizieller Dokumente. Das ist die Version, die aus tatsächlichem Hochladen und tatsächlichen Absagen von Personalverantwortlichen entstanden ist.

Worauf Personalverantwortliche beim Portfolio wirklich achten

Ich fange hier an, weil das Verständnis dessen, was sie suchen, die gesamte Vorbereitung verändert.

Ich habe mit drei Freunden gesprochen, die als Design Leads und im Recruiting arbeiten. Das hier prüfen sie unbewusst, wenn sie ein Portfolio öffnen:

1. EXIF-Daten

Ein mit dem Handy aufgenommenes JPG enthält GPS-Koordinaten, Aufnahmezeit, Kameramodell und manchmal sogar den Benutzernamen. Wer sein Portfolio damit veröffentlicht, gibt praktisch seine Wohnadresse preis.

Behance und Dribbble entfernen EXIF beim Upload. Aber Notion, Webflow und die meisten selbstgehosteten Seiten tun das nicht. Zieht man ein Bild aus der Handy-Galerie in Notion, wandert das GPS-Tag mit.

Details zu EXIF-Risiken und Batch-Removal-Skripte gibt es in diesem Beitrag.

2. Wasserzeichen — ja oder nein?

Ein Wasserzeichen signalisiert, dass man seine Arbeit schützen will. Keines signalisiert Selbstvertrauen. Wo liegt die Grenze?

Meine Empfehlung: Bei studentischen Arbeiten und persönlichen Projekten kein Wasserzeichen. Bei kommerziellen Projekten unter NDA sollte man kein riesiges Wasserzeichen über das Hauptmotiv legen. Lieber ein kleineres Thumbnail mit schriftlichem Case Study zeigen. Ein Wasserzeichen quer über das Hero-Image wirkt unprofessionell.

3. Link-Stabilität

Wenn ein Personalverantwortlicher das Portfolio öffnet und Broken-Image-Platzhalter sieht, ist die Strafe doppelt. Nicht nur wurde die Arbeit nicht gesehen — der Eindruck entsteht, dass man nicht einmal das eigene Portfolio pflegen kann.

Kaputte Links entstehen typischerweise durch: Richtlinienänderungen bei kostenlosen Image Hosts (erinnert ihr euch, als Imgur Hotlinking blockierte?), abgelaufene Accounts, Planänderungen oder ungültig gewordene Cloud-Drive-Freigabelinks.

4. Geräteübergreifende Darstellung

Farben, die auf dem Mac Retina perfekt aussehen, können auf einem Windows-Büromonitor einen Grünstich bekommen. Ein 1920px breites Banner wird auf einem iPad im Hochformat unleserlich zusammengequetscht.

Kleiner Tipp: Nach dem Hochladen unbedingt auf Handy, Tablet und Standard-Büromonitor prüfen. Drei Minuten Aufwand, die das professionelle Erscheinungsbild retten.

Warum Portfolio-Bilder keine Nebensache sind

Zunächst die harte Wahrheit: Personalverantwortliche verbringen im Schnitt weniger als 90 Sekunden mit einem Portfolio.

Nach Gesprächen mit Design Leads ist das der Ablauf in diesen 90 Sekunden: Erster Blick auf das Cover. Scrollen, um die Ladezeit zu prüfen. Reinzoomen, ob Details scharf sind. Gelegentlich Rechtsklick, um Dateiinformationen zu inspizieren. Wenn die Bilder an irgendeinem dieser Punkte versagen, wandert die Bewerbung auf den "Vielleicht-später"-Stapel.

Es kommt noch schlimmer. Die meisten HR-Teams machen eine Erstauswahl auf dem Handy oder Tablet. Das sorgfältig gestaltete Layout auf dem 27-Zoll-Monitor kann auf dem iPad komplett verzerrt sein. Ein 8MB-Bild in "hoher Auflösung" braucht auf einer Mobilfunkverbindung drei Sekunden zum Laden, und der Tab wird geschlossen.

Ein Portfolio ist nicht "Bilder ins Netz werfen". Es ist ein System, das auf verschiedenen Geräten, Plattformen und Netzwerkgeschwindigkeiten funktionieren muss.

Plattform-Bildspezifikationen im Vergleich (2026, getestet)

Für diese Tabelle habe ich drei Wochen lang über 10 Testdateien pro Plattform hochgeladen. Die Zahlen zeigen, was tatsächlich auf der Plattformseite gerendert wird, nicht die schönen Angaben auf den Marketing-Seiten.

Spezifikation	Behance	Dribbble	Notion / Webflow
Empfohlene Breite	1600px (Projektseite)	1600px Shot (2x-Version)	1920px (Retina 2x)
Cover-Darstellung	1400×800 (Zwangs-Crop)	800×600 (quadratisch anmutend)	Frei wählbar, empfohlen 16:9 oder 4:3
Max. Dateigröße	Bild 50MB, GIF 50MB	10MB (GIF nur Pro)	Notion ~5MB, Webflow 4MB
Unterstützte Formate	JPG, PNG, GIF	JPG, PNG, GIF, MP4 (Pro)	JPG, PNG, WebP, SVG
GIF-Wiedergabe	Automatisch	Nur Pro-Mitglieder	Browserabhängig (besser MP4)
Anhang-Limit	45 Bilder pro Projekt	10 pro Shot	Kein hartes Limit, aber verlangsamt
Standard-Farbraum	sRGB (Adobe RGB verfälscht)	sRGB	sRGB
Nachkomprimierung	Ja (JPG ~85 Qualität)	Ja (Schärfe priorisiert)	Notion ja, Webflow nein

Ein wichtiges Detail: Behance und Dribbble komprimieren hochgeladene Bilder nach. Man lädt ein JPG mit Qualität 95 hoch, die Plattform konvertiert intern auf etwa 85. Wenn das Original bereits einmal komprimiert war, ist die Version, die Besucher sehen, zweifach komprimiert — sichtbar unscharf mit Color Banding.

Die Lösung: Ein unkomprimiertes oder nur einmal komprimiertes Bild hochladen.

Behance: Das Cover wie ein Filmplakat behandeln

Behance ist eine der sichtbarsten Plattformen für Designer, hat aber eine Falle: Cover werden zwangsweise auf 1400×800 beschnitten.

Ich habe es selbst getestet. Ein schön gestaltetes 1920×1080-Cover hochgeladen, Hauptmotiv mittig — Behance schneidet oben und unten jeweils etwa 140px ab. Wenn der Titeltext im unteren Drittel sitzt, wird er wahrscheinlich halbiert.

Dazu kommt eine versteckte Regel: Der Fokuspunkt des Cover-Crops lässt sich nicht anpassen. Es wird immer von der Mitte nach außen beschnitten. Also bei der Gestaltung in Photoshop das Motiv mittig platzieren und großzügig Weißraum an den Seiten lassen.

Drei Pflichtmaßnahmen für Behance

• Cover im Hochformat 1400×1600 verwenden. Die Projektliste von Behance zeigt Hochformat-Thumbnails. Hochformat bekommt mehr visuelle Fläche als Querformat.
• Mindestens 5 Bilder pro Projekt. Einzelbild-Projekte werden vom Algorithmus als "informationsarm" eingestuft, Empfehlungen sinken deutlich.
• Beschreibungstext über 300 Wörter. Behances Such-Ranking gewichtet Textinhalte stark. Leere Projekte sind in der Suche praktisch unsichtbar.

Behance-Falle, in die ich getappt bin

Ich habe mich an dieser Stelle verbrannt: Ein Projekt mit über 10 hochauflösenden Bildern hintereinander — Mobile-Loading friert die Seite ein. Selbst bei 2MB pro Bild sind 20MB auf einer 4G-Verbindung eine Zumutung. Getestet auf einem iPhone 14 bei normalem Signal: Eine einzelne Seite brauchte über 8 Sekunden zum vollständigen Laden.

Die Lösung: Inhalte in Abschnitte aufteilen oder auf WebP unter 800KB pro Bild komprimieren.

Dribbble: Die 800×600-Präzisionsarena

Dribbble funktioniert komplett anders als Behance. Es ist eine "Ein-Bild-entscheidet-alles"-Plattform.

Die Standard-Shot-Größe ist 800×600, aber man sollte mit 1600×1200 (2x Retina) hochladen. Die Plattform skaliert automatisch, aber wenn das Original nur 800×600 ist, wirkt es auf Retina-Displays unscharf.

Eine kontraintuitive Regel: Anhangbilder dürfen die Auflösung des Haupt-Shots nicht überschreiten. Ich wusste das anfangs nicht und legte das finale hochauflösende Bild als Anhang ab, mit einer kleineren Version als Haupt-Shot. Dribbble komprimierte den Anhang auf die Größe des Haupt-Shots herunter. Die Lektion: Das beste Bild als Shot verwenden, Anhänge für Prozessarbeit.

Die GIF-Falle bei Dribbble

Wer im Bereich Motion oder Animation arbeitet, will vermutlich GIFs hochladen. Moment — GIF-Upload bei Dribbble ist nur für Pro-Mitglieder (96 USD/Jahr). Kostenlose Accounts können nur statische Bilder hochladen.

Ich habe zu viele frische Absolventinnen und Absolventen gesehen, die drei Tage an einem animierten Demo gearbeitet haben, nur um festzustellen, dass sie es nicht hochladen können.

Zwei Alternativen: GIF in MP4-Kurzclip konvertieren für Anhänge (kostenlose Accounts können auch das nicht) oder GIF extern hosten und im Shot-Beschreibungstext verlinken.

Notion, Webflow und persönliche Seiten: Freiheit mit Verantwortung

Die vorherigen zwei Plattformen geben ein Framework vor. Notion und Webflow geben totale Freiheit, aber man kümmert sich um alles selbst.

Der Preis der Freiheit? CDN-Performance, Bildstabilität und Urheberrecht liegen komplett bei dir.

Drei häufige Fehler beim Notion-Portfolio

Notion ist praktisch für Portfolios, aber ich sehe diese Probleme ständig:

1. Notion ist kein Image Host. Hineingezogene Bilder werden auf Notions S3 gespeichert, aber die URLs sind temporär. Wenn jemand die Seite klont, werden die Bilder nicht mitkopiert. Original-Links können ablaufen.
2. Notion komprimiert Bilder. Besonders beim Einfügen aus der Zwischenablage. Die Kompression ist aggressiv.
3. Notion lädt langsam. Eine Portfolio-Seite mit 30 Bildern braucht ewig zum Öffnen.

Die Lösung: Bilder per externer URL einbetten. Deshalb nutze ich lpic.cc für mein Notion-Portfolio. Direkte URLs, einbettbar, keine Nachkomprimierung durch Notion, Ladegeschwindigkeit hängt vom CDN ab statt von Notions Servern.

So bettet man lpic.cc-Bilder in Notion ein

Ganz einfach:

1. Bild kostenlos bei lpic.cc hochladen, Kurzlink erhalten
2. In Notion den Link einfügen und "Embed erstellen" wählen oder den /image-Befehl mit der URL nutzen
3. Das Bild wird per Direktlink angezeigt, ohne Notions Speicher-Kontingent zu belasten

In meinem Test: Dasselbe 2MB-JPG lud über Notions nativen Upload in etwa 1,8 Sekunden, über lpic.ccs CDN in 0,4 Sekunden. Ungefähr vierfacher Unterschied.

Für tiefergehende CDN-Tests und Methodik siehe diesen Beitrag zur Bild-Ladeoptimierung.

Webflow-Überlegungen

Webflow hat ein eigenes CDN und konvertiert automatisch zu WebP für moderne Browser. Aber der kostenlose Plan hat ein 100MB-Asset-Limit pro Seite. Ein Dutzend hochauflösende Portfolio-Bilder kann das schnell sprengen.

Wer den kostenlosen Webflow-Plan nutzt, fährt am effizientesten, wenn alle Bilder extern gehostet werden und Webflow nur für HTML/CSS verwendet wird. Mehrere Designer, die ich kenne, machen es genau so.

Die 10-Punkte-Checkliste vor dem Launch

Diese Checkliste habe ich ursprünglich für eine Mentee zusammengestellt. Jeder Punkt wurde aufgenommen, weil jemand tatsächlich daran gescheitert ist.

1. Alle Bilder mindestens 1600px breit (2x-Retina-Versionen)
2. Farbraum durchgängig sRGB (Adobe RGB verfälscht im Web)
3. Jede Datei unter 1MB (JPG Qualität 85) oder unter 500KB als WebP
4. EXIF-Daten entfernt (besonders GPS und Benutzername)
5. Cover-Motiv mittig platziert, um Plattform-Cropping zu überstehen
6. Mindestens 5 Bilder pro Projekt mit narrativem Aufbau
7. Beschreibungstext 300+ Wörter mit relevanten Keywords
8. Auf Handy, Tablet und Desktop getestet
9. Externe Bild-Links auf Stabilität geprüft (im Inkognito-Fenster öffnen)
10. Original-PSD/AI/Figma-Dateien und hochauflösende Exporte im Cloud-Speicher gesichert

Wer die Bildpräsentation auf E-Commerce-Niveau heben will, findet in diesem Beitrag zu Produkt-Image-Hosting Strategien zu Aufnahmewinkel und Formatwahl, die direkt auf produktfokussierte Portfolios übertragbar sind.

Praktische Empfehlungen zum Image Hosting für Design-Absolventen

Für den Abschlussjahrgang 2026:

Eine Hauptplattform wählen und vertiefen. Man muss nicht Behance und Dribbble gleichzeitig betreiben. Die Plattform wählen, die zur eigenen Richtung passt. Visuelle Kommunikation und Branding? Behance. UI, Icons, Illustration? Dribbble. Motion Graphics? Vimeo. In Deutschland kann ein gepflegtes XING-Profil mit Portfolio-Link zusätzlich helfen, wenn man sich bei Agenturen bewirbt, die den DACH-Markt bedienen. Auf LinkedIn sollte man ebenfalls verlinken.

Persönliche Seite schnell mit Notion oder Webflow aufbauen. Die Abschlussphase ist stressig genug. Nicht zwei Wochen mit React kämpfen. Notion liefert in einem halben Tag eine vorzeigbare Portfolio-Seite. Webflow in einer Woche eine Version mit Animationen. Wer für eine Mappenprüfung oder eine Bewerbungsmappe digitale Ergänzungen braucht, kann mit Notion in wenigen Stunden eine überzeugende Online-Ergänzung erstellen.

Einen spezialisierten Image Host wie lpic.cc verwenden. Die Gründe sind mittlerweile klar: Notion komprimiert nativ, Webflows kostenloser Plan hat Speicherlimits, Cloud-Drive-Links gehen kaputt. lpic.cc bietet kostenloses Hochladen, direkte URLs, automatische EXIF-Entfernung und Passwortschutz. Bei NDA-geschützten Arbeiten hochladen, Passwort setzen und im Vorstellungsgespräch teilen. Hinweis: lpic.cc läuft auf einem werbefinanzierten Gratismodell, Aufbewahrungsdauer und Limits richten sich nach den aktuellen Plattformbedingungen. Für wichtige kommerzielle Arbeiten empfiehlt sich ein eigenes Backup.

Dieses Drei-Schichten-Setup hat mich und mehrere Kommilitonen durch die Bewerbungsphase getragen, ohne einen einzigen kaputten Link.

FAQ

Q1: Kann man Behance und Dribbble gleichzeitig betreiben?

Ja, aber ich empfehle es frisch nach dem Abschluss nicht. Die beiden Plattformen haben sehr unterschiedliche Algorithmen und Community-Kulturen. Beides gleichzeitig bedeutet, beides halbherzig zu machen. Erst 5 bis 10 vollständige Projekte auf einer Plattform fertigstellen, dann Cross-Posting erwägen.

Q2: Meine Arbeit unterliegt einer NDA. Wie nehme ich sie ins Portfolio auf?

Drei Ansätze. Erstens: Prozessarbeiten und Wireframes zeigen, sensible Visuals verpixeln. Zweitens: Case Study schreiben, die den Ablauf beschreibt, ohne das Endergebnis zu zeigen. Drittens: Die Arbeit hinter eine passwortgeschützte Seite stellen und das Passwort im Vorstellungsgespräch teilen. Ich habe lpic.ccs Passwortschutz für NDA-Projekte genutzt. Der Interviewer gibt das Passwort ein, nach dem Gespräch lösche ich den Link.

Q3: Werden die Server in der Bewerbungszeit langsamer? Wann sollte man live gehen?

Große Plattformen werden nicht langsamer. Aber die persönliche Seite möglicherweise schon — besonders bei Notion oder Webflow Free zu HR-Stoßzeiten (10 bis 12 Uhr). Einen unabhängigen Image Host zur Lastverteilung nutzen. Zeitlich empfehle ich, bis Ende März alles fertig zu haben. Mai ist Hochsaison für Bewerbungen, nicht erst dann mit dem Aufbau anfangen.

Q4: GIF oder MP4?

MP4, immer. GIFs sind groß, qualitativ schlecht, ohne Audio-Unterstützung, und moderne Browser optimieren MP4-Lading deutlich besser. Einzige Ausnahme: Dribbble Pro akzeptiert nur GIF für animierte Shots. Kostenlose Accounts können gar keine Animationen hochladen.

Q5: Soll ich meine Bilder mit einem Logo-Wasserzeichen versehen?

Bei studentischen Arbeiten nicht. Ein Wasserzeichen verwässert die Professionalität der Arbeit selbst. Wer sich ernsthaft um Diebstahl sorgt, kann Copyright-Informationen in die Datei-Metadaten einbetten. Für Betrachter unsichtbar, aber als Nachweis verwendbar.

Q6: Ich kann mir Webflow oder Dribbble Pro nicht leisten. Was tun?

Kein Hindernis für ein starkes Portfolio. Der Gratis-Stack funktioniert bestens: Notion + lpic.cc + Behance Free. Gesamtkosten: null. In die Arbeit investieren, nicht in Tool-Abonnements.

Quellen

• Behance Help Center — Upload-Spezifikationen und Cover-Bildmaße
• Dribbble Upload Guidelines — Shot-Auflösung und Anhang-Limits
• Notion Image Block Dokumentation — Einbettungsregeln und Datei-Limits
• Webflow Asset Manager Dokumentation — CDN-Verhalten und Format-Support
• lpic.cc Plattform-Features — Passwortschutz, direkte URLs, EXIF-Verarbeitung
• W3C Image Optimization Guidelines — Farbraum und geräteübergreifende Darstellung