Low-Quality Image Placeholder erstellen

Erzeuge eine maximal 32×32 Pixel große JPEG-Data-URI und zeige sie mit CSS-Weichzeichnung, bis das volle Bild geladen ist.

Maximal 32×32JPEG-Qualität 20CSS-Beispiel

Laden...

Leichten Platzhalter erzeugen

Die Voreinstellung verkleinert das Bild, entfernt Metadaten und codiert es als niedrig aufgelöste JPEG-Data-URI.

Das Bild selbst ist klein und grob; der sichtbare Weichzeichner wird durch CSS der Webseite erzeugt.

1
Quellbild hinzufügen
Wähle das vollständige Bild.
2
Kleines JPEG erzeugen
Behalte maximal 32×32 Pixel und Qualität 20.
3
Mit CSS verwenden
Nutze die Data URI vorübergehend und entferne den Weichzeichner nach dem Laden.

Ist die Unschärfe im Bild gespeichert?

Nein. Das Werkzeug erzeugt ein kleines JPEG; der sichtbare Weichzeichner kommt aus CSS.

Bleibt das Originalbild unverändert?

Ja. Es wird nur eine neue verkleinerte Platzhalter-Ausgabe erzeugt.

Originale JPEG-Dateidaten als Base64 codieren

Originale WebP-Dateidaten als Base64 codieren

Originale PNG-Dateidaten als Base64 codieren

Originale SVG-Quelldaten als Base64 codieren

Originale GIF-Dateidaten als Base64 codieren