Softonic

Bildschatten-Generator

Schritt 1 / 4 Ablegen shadow

Ein flaches Produkt-Screenshot hebt sich mit einem weichen Schlagschatten von der Seite ab; dasselbe Bild ohne Schatten sieht eingefügt aus. Dieses Tool fügt einen anpassbaren Schatten mit unabhängigen Steuerungen für Weichzeichner-Radius, Versatz, Verbreitung und Farbe hinzu und erzeugt ein PNG mit dem Schatten eingebettet, bereit für Marketingseiten, Blog-Header und Dokumentationen.

So fügen Sie einen Schlagschatten hinzu

  1. 1

    Laden Sie ein Bild hoch

    Funktioniert am besten mit PNG, das bereits Transparenz hat, oder einem Produkt-Screenshot, den Sie einrahmen möchten.

  2. 2

    Schattenparameter festlegen

    Weichzeichner-Radius, X/Y-Versatz, Opazität, Farbe.

  3. 3

    Wählen Sie eine Leinwand

    An Bild plus Schatten anpassen oder feste Größe mit Polsterung.

  4. 4

    Exportieren

    PNG-Ausgabe bewahrt die weichen Schattenkanten; JPG hat einen sichtbaren Hintergrund.

Schatteneinstellungen, die gut wirken

Gute Schlagschatten sind normalerweise weicher und weniger opak, als Menschen instinktiv wählen.

Vorgestellte Stile

Stil Weichzeichner Versatz Y Opazität Verbreitung
Subtile Erhebung (UI-Karte) 12 px 2 px 8% 0
Material Elevation 2 8 px 2 px 15% 0
Material Elevation 8 24 px 12 px 20% 0
Social-Media-Beitrag 40 px 20 px 25% 0
Schwebendes Heldenbild 80 px 40 px 30% 0
Langer Schatten (flaches Design) 0 px 40 px 30% 0

Schattenfarbe

  • Schwarz ist einfach, sieht aber oft hart aus. Eine dunkle, entsättigte Version der dominierenden Farbe des Bildes sieht integrierter aus.
  • Reines Schwarz bei 25% Opazität ist normalerweise besser als Schwarz bei 70%.
  • Warme Schatten unter einem warmen Bild, kühle Schatten unter einem kühlen Bild.

Wo das Licht ist

Wenn Ihr Bild ein internes Lichtgefühl hat (ein Logo mit Highlight), passen Sie die Richtung des Schattens an dieses Licht an. Generische Fotoscreenshots sehen normalerweise am besten mit einem Licht von oben aus (Schattenversatz nach unten um 2-20 px).

PNG vs JPG-Ausgabe

  • PNG: Schattenkanten verblassen sauber zur Transparenz. Am besten, um das Bild auf jedem Hintergrund zu platzieren.
  • JPG: Schatten wird gegen eine gewählte Hintergrundfarbe abgeflacht. Verwenden Sie es, wenn Sie den endgültigen Platzierungs-Hintergrund kennen.

Vermeiden Sie Stapel-Effekte

Ein Schlagschatten plus ein dicker Rand plus abgerundete Ecken plus ein Farbton beginnt unruhig auszusehen. Wählen Sie eins oder zwei, ein subtiler Rand plus ein Schatten ist normalerweise ausreichend.

Häufig gestellte Fragen

Fast immer ist die Opazität zu hoch. Reduzieren Sie auf 20-30% und erhöhen Sie den Weichzeichner-Radius. Echte Schatten bei Tageslicht sind diffus; ein scharfer, dunkler Schatten wirkt wie Bühnenbeleuchtung.

Das Tool erzeugt nur äußere Schlagschatten. Für innere Schatten (z. B. Text, der in eine Oberfläche gedrückt wird) verwenden Sie einen speziellen Präge-/Relieffilter.

Ja, standardmäßig, die Leinwand erweitert sich, um die Schattenausdehnungen einzuschließen. Sie können die Leinwand auf die ursprüngliche Größe sperren, wenn Sie möchten, dass der Schatten an den Kanten abgeschnitten wird (für Kacheln oder durchgehende Hintergründe).

Ja. PNG-Eingaben mit Alpha erzeugen einen Schatten um alles, was opak ist, nicht um das gesamte Rechteck. Produkt-Ausschnitte mit komplexen Silhouetten erzeugen natürliche, formkonforme Schatten.

Verwandte Tools

Material Design Farbpicker

Durchsuchen Sie die Material Design Farbpalette. Kopieren Sie jeden Farbton (50 bis A700) als HEX, RGB oder HSL mit einem Klick.

ARW zu JPG Konverter

Konvertieren Sie ein Sony-ARW-RAW-Foto bis 100 MB in ein weit verbreitetes JPG und wählen Sie eine JPEG-Qualität zwischen 60 % und 100 %.

Bild zu Word

Text lokal aus PNG-, JPG- oder WebP-Bildern per OCR in 18 Sprachen erkennen, im Browser prüfen und als bearbeitbare DOCX- oder TXT-Datei speichern.

Kreuzstichvorlagen erstellen

Wandeln Sie JPEG-, PNG- oder WebP-Bilder in druckbare Kreuzstichvorlagen mit 10–150 Stichen, 2–40 eigenen Farben, Symbolen, exakten Zählwerten und Stoffmaßen um.

GIF komprimieren

Reduziere die Größe animierter GIFs direkt im Browser, indem du Abmessungen verkleinerst, weniger Frames behältst und die Kodierungsqualität anpasst. Vorschau vor dem Download inklusive.

Favicon-Konverter

Wandle PNG, JPEG oder WebP in eine Favicon-ZIP mit mehrstufiger ICO-Datei, sieben PNG-Icons, Manifestdateien und einem HTML-Head-Snippet um.

Tool in anderen Sprachen verfügbar