Bildgrößen im JobShop: Warum es keine festen Vorgaben gibt

Uns erreicht regelmäßig die Frage: "Welche Bildgröße brauche ich für Modul X?" Die kurze Antwort: Es gibt keine pauschale Pixelgröße – weil der JobShop responsiv gestaltet ist. Warum das so ist, was das für dich bedeutet und wie du mit dem Fokuspunkt trotzdem die volle Kontrolle über deine Bilder behältst, erklären wir dir hier.

Was bedeutet "responsives Design"?

Responsives Design bedeutet, dass sich dein JobShop automatisch an die Bildschirmgröße und das Endgerät deiner Kandidat:innen anpasst – egal ob Desktop-Monitor, Tablet oder Smartphone. Layouts, Textgrößen und eben auch Bilder werden dabei dynamisch skaliert und zugeschnitten, damit deine Seite auf jedem Gerät optimal aussieht.

Warum wir uns dafür entschieden haben

Warum es deshalb keine festen Bildmaße gibt

Weil sich dein Bild automatisch an unterschiedliche Bildschirmgrößen und Seitenverhältnisse anpasst, gibt es keine einzelne "richtige" Pixelgröße pro Modul. Je nach Endgerät wird immer ein etwas anderer Ausschnitt deines Bildes sichtbar – das ist kein Fehler, sondern der Kern des responsiven Designs.

Was wir trotzdem empfehlen können

Auch wenn es keine festen Pixelvorgaben gibt, haben wir für zwei Bildtypen Richtwerte, an denen du dich orientieren kannst.

Foto der Ansprechperson

• Seitenverhältnis: 3:4 im Hochformat, damit nichts Wichtiges abgeschnitten wird. Das Gesicht sollte mittig sitzen und etwas Platz über dem Kopf haben.
• Auflösung: Ideal sind 900 × 1200 px. Das Minimum liegt bei 600 × 800 px – darunter wirkt das Bild auf Smartphones und Retina-Displays unscharf. Mehr als 1200 × 1600 px bringt keinen sichtbaren Vorteil, macht die Datei aber nur größer.
• Format: JPEG (Qualität 80–85) oder WebP. PNG nur, wenn das Foto Transparenz benötigt. Vermeide GIF, SVG sowie Screenshots oder aus kleinen Dateien hochgerechnete Bilder.
• Farbraum und Dateigröße: sRGB, am besten unter 300 KB.

Firmenlogo (Anzeige in der Jobliste auf der Such- und Filterseite)

• Formate: JPG, PNG, WEBP und SVG werden unterstützt. Ein bestimmtes Seitenverhältnis ist nicht erforderlich.
• Bild-URL: Die URL des Bildes muss öffentlich erreichbar sein.
• Optische Empfehlungen: Nutze durchgehend dieselbe Farbgebung (hell auf dunkel oder umgekehrt, aber keine Mischung), ähnliche Abmessungen und möglichst einen transparenten Hintergrund. Vermeide kleine Schrift und Negativraum.

So behältst du die Kontrolle: der Fokuspunkt

Damit du selbst bestimmen kannst, welcher Bereich deines Bildes immer sichtbar bleiben soll, gibt es den Fokuspunkt. Für jedes Bild kannst du festlegen, wo es innerhalb seines Rahmens verankert werden soll.

Folge dafür den folgenden Schritten:

1. Image auswählen
2. Auf "Fokuspunkt auswählen" klicken
3. Den Fokuspunkt auf dem Bild deinen Wünschen entsprechend anpassen und die Änderungen übernehmen
4. Änderungen veröffentlichen

Im Auswahlfenster siehst du die Bildvorschau, die aktuellen Koordinaten (Standard: 50/50) sowie ein Dropdown mit vordefinierten Positionen (z. B. Oben Links, Mitte, Unten Rechts). Wähle eine Voreinstellung, oder klicke direkt auf die gewünschte Stelle im Bild.

Tipps fürs perfekte Foto

Damit dein Bild in jedem Modul und auf jedem Gerät gut aussieht, lohnt sich schon beim Fotoshooting selbst der richtige Blick fürs spätere Zuschneiden. Konkrete Tipps dazu findest du hier: Fotoshooting-Tipps für einen Jobshop

Stand: August 2026 ✦ Sprache: Deutsch ✦ Zielgruppe: talentsconnect Kund:innen