Bildgröße ändern

Bilder auf beliebige Maße skalieren

100 % kostenlos. Läuft vollständig in deinem Browser: deine Dateien und Daten verlassen dein Gerät nie, und es wird nichts auf einen Server hochgeladen.

cloud_upload

Dateien hierher ziehen

oder durchsuchen zum Hochladen

Supports PNG, JPG, WebP up to 20MB

In deinem Browser verarbeitet - deine Datei verlässt dieses Gerät nie.

Über dieses Tool

Ein Thumbnail mit 300 × 300 ist das Arbeitspferd für Web-Galerien, Produktraster, CMS-Listen und Newsletter – klein genug, dass Dutzende schnell laden, groß genug, um das Motiv zu erkennen. Thumbnails richtig zu verkleinern, statt den Browser Fotos in voller Größe schrumpfen zu lassen, ist einer der einfachsten Gewinne für die Ladezeit. Die Thumbnail-Größe ist 300 × 300 Pixel, ein quadratisches 1:1-Format. Zieh ein Bild auf diese Seite, und die Vorgabe ist schon angewendet – du musst nichts eintippen. Klein genug, dass eine ganze Seite davon trotzdem schnell lädt – die einzige echte Vorgabe für ein Thumbnail. Das Bild verlässt nie deinen Computer: Die Größenänderung läuft im Browser, es gibt also keine Warteschlange und keine Dateigrößenbegrenzung.

So verwendest du dieses Tool

  1. Das Bild hinzufügenZieh ein Produktfoto, eine Portfolioarbeit oder ein Artikelbild hinein.
  2. Auf das Motiv zuschneidenZoome hinein, bis Produkt oder Gesicht den Großteil des kleinen Quadrats füllt.
  3. Leichte Dateien exportierenSpeichere als WebP oder JPG für die kleinste Datei und lade sie in dein Raster oder deinen Newsletter.

Warum echte Thumbnails besser sind als verkleinerte Fotos

Ein Foto mit 4000 Pixeln, das mit 300 Pixeln angezeigt wird, lädt trotzdem vollständig – das verschwendet Bandbreite und bremst die Seite. Ein echtes Thumbnail ist oft nur ein winziger Bruchteil so groß. Für scharfe Ergebnisse auf hochauflösenden Bildschirmen liefern manche Websites Retina-Geräten eine Version mit 600 × 600 und behalten 300 × 300 als Basis.

Thumbnails und Ladezeit

Lässt man den Browser große Fotos zu kleinen Vorschaubildern verkleinern, lädt jeder Besucher Megabytes, die er nie sieht. Wer sie vorher auf 300 × 300 bringt, macht Produktraster und Galerien deutlich leichter – das beschleunigt die Seite und hilft bei den Core Web Vitals.

Exportiere Thumbnails als WebP oder komprimiertes JPG und verwende einheitliche Zuschnitte, damit ein Raster aufgeräumt wirkt.

Warum es nutzen

  • Echte Vorschaubilder statt großer Fotos, die der Browser verkleinert.
  • Schnellere Produktraster, Galerien und E-Mail-Newsletter.

Häufige Anwendungen

  • Produktraster.
  • Blog- und Portfolio-Übersichten.
  • Bilder für E-Mail-Newsletter.

Tipps für bessere Ergebnisse

  • Schneide vor der Größenänderung aufs Motiv zu.
  • Komprimiere nach der Größenänderung.
  • Überleg dir eine 2x-Version für Retina.

Fehler, die du vermeiden solltest

  • Fotos in voller Größe als Thumbnails verwenden.
  • Uneinheitliche Zuschnitte in einem Raster.

Häufig gestellte Fragen

300 × 300 Pixel ist üblich; nutze 600 × 600 für hochauflösende Bildschirme.

Ja – sie vermeiden, dass für kleine Vorschauen Bilder in voller Größe geladen werden.

WebP ist meist kleiner; JPG wird überall unterstützt.

Klein genug, dass eine ganze Seite davon trotzdem schnell lädt – die einzige echte Vorgabe für ein Thumbnail.

Zieh es auf diese Seite. Die Vorgabe „Thumbnail“ ist schon ausgewählt, also wird es direkt auf 300 × 300 Pixel geändert und zeigt den Zuschnitt vor dem Herunterladen.

Related guides