Zum Inhalt springen

Freisteller

oder auch Freistellung

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 11.11.2026

Ein Freisteller ist ein Bild, bei dem ein Motiv von seinem Hintergrund gelöst wurde. Das Produkt, die Person oder das Objekt steht danach auf transparentem Grund oder auf einer neuen Fläche. Der Vorgang heißt Freistellen; der Duden kennt das Wort nur in anderen Bedeutungen.

Freisteller

Ein Bild, bei dem ein Motiv vom Hintergrund gelöst wurde, sodass es auf transparentem oder neuem Grund steht.
Beispiel: „Für die Teamseite ließen wir jedes Porträt als Freisteller anlegen, damit alle auf derselben Farbe stehen.“

Auch: Freistellung, freigestelltes Bild, englisch cut-out.

Abgrenzung zum Beschnitt: Er schneidet ein rechteckiges Bild zu, der Freisteller folgt der Kontur.

Wie ein Freisteller entsteht

Klassisch zeichnet man um das Motiv einen Pfad, so beschreibt es Markus Wäger für Photoshop. Daneben gibt es Masken: Eine Ebenenmaske blendet Bereiche aus, ohne sie zu löschen, und ist technisch ein Alphakanal.

Formate für Freisteller

Ein Freisteller braucht ein Format mit Transparenz. Laut MDN können PNG, WebP und AVIF das, JPEG nicht. Für Fotos sind WebP und AVIF kleiner als PNG; beide sind laut web-features inzwischen in allen großen Browsern weit verfügbar, AVIF seit Juli 2026.

Zwei Bilder nebeneinander. Links eine gezeichnete orange getigerte Katze, die auf einem roten Teppich in einem bunten Wohnzimmer mit Sofa, Fenster und Bücherregal sitzt. Rechts dieselbe Katze in gleicher Größe ohne Hintergrund auf einem grau-weißen Schachbrettmuster, das Transparenz anzeigt.
Links das Motiv mit Hintergrund, rechts der Freisteller: Das Schachbrett steht für die transparente Fläche.

Freisteller im Webdesign

Freisteller kommen in Shops vor, wo Produkte einheitlich auf hellem Grund stehen; Amazon verlangt laut einer Auskunft im Seller-Forum für Hauptbilder einen rein weißen Hintergrund. Auf Websites stehen freigestellte Personen oft vor farbigen Flächen oder ragen aus einem Bildrahmen heraus. Der Alt-Text beschreibt das Motiv, nicht die Technik.

Siehe auch:

Pixelgrafik

Ein Bild, das aus einem Raster einzelner Bildpunkte besteht, von denen jeder eine Farbe speichert.

#Gestaltungsgrundlagen

Responsive Bilder

Technik, bei der ein Bild in mehreren Größen bereitliegt und der Browser die passende Variante für Layoutbreite und Pixeldichte auswählt.

#Webdesign-Grundlagen

Bilder-SEO

Die Arbeit daran, dass Bilder gefunden werden und die Seite nicht ausbremsen.

#Suchmaschinenoptimierung (SEO)

Alt-Text

Textfassung eines Bildes, die beschreibt, was es zeigt, wenn das Bild nicht ankommt.

#Website-Struktur #Barrierefreiheit (Accessibility) #Suchmaschinenoptimierung (SEO)

Mockup

Ein statischer, detailgenauer Entwurf einer Oberfläche mit Farben, Bildern und Schriften, der aussieht wie das fertige Produkt.

#Gestaltungsgrundlagen