CodeKitHub
Deutsch
Bild-Tools

Bilder online in der Größe anpassen

Bildabmessungen in Sekundenschnelle ändern: Legen Sie eine genaue Breite in Pixeln oder einen Prozentsatz fest – die Höhe passt sich automatisch an, um die Proportionen beizubehalten. Funktioniert mit JPG, PNG und WebP, unterstützt die Stapelverarbeitung und – wie bei allen Tools hier – Ihre Bilder verlassen niemals Ihren Browser.

Das Seitenverhältnis wird automatisch beibehalten

    Was ist dieses Tool?

    Ein Bildgrößenanpasser ändert die Pixelabmessungen eines Bildes – im Gegensatz zur Komprimierung, bei der die Abmessungen beibehalten, die Daten jedoch effizienter neu kodiert werden. Eine Größenanpassung ist erforderlich, wenn in einem Formular „max. 800 px“ verlangt wird, ein Avatar 256 × 256 groß sein muss oder ein 4000 px großes Kamerafoto für eine Blog-Spalte mit einer Breite von 700 px völlig überdimensioniert ist.

    Das Verkleinern (Downscaling) ist visuell verlustfrei und reduziert die Dateigröße erheblich – durch die Halbierung beider Abmessungen verringert sich die Pixelanzahl um 75 %. Das Vergrößern (Upscaling) wird ebenfalls unterstützt, kann jedoch keine Details erschaffen: Ein gestrecktes Bild wirkt immer etwas unscharf. Dieses Tool behält das Seitenverhältnis automatisch bei, sodass nichts verzerrt aussieht.

    Warum sollte man es nutzen?

    • Zwei intuitive Modi: genaue Pixelbreite (für bestimmte Anforderungen) oder Prozentangabe (zum schnellen Verkleinern).
    • Das Seitenverhältnis wird automatisch beibehalten – keine versehentlich verzerrten Fotos.
    • Auf Wunsch wird das Format beim Exportieren auch umgewandelt (JPG/PNG/WebP).
    • Größe von Dutzenden von Bildern im Stapelverfahren ändern, wobei jede Datei einzeln heruntergeladen wird.
    • Lokal und privat: Es wird nichts hochgeladen, es gibt keine Größenbeschränkungen.

    Anleitung

    1. Ziehen Sie Ihre Bilder in das Feld oder klicken Sie darauf, um sie auszuwählen.
    2. Wählen Sie einen Modus aus: Geben Sie eine Zielbreite in Pixeln oder als Prozentsatz ein.
    3. Wählen Sie optional ein anderes Ausgabeformat aus (standardmäßig wird das Original beibehalten).
    4. Bei jedem Ergebnis werden die neuen Abmessungen und die Dateigröße angezeigt – klicken Sie auf „Herunterladen“.

    Beispiel

    Eingabe

    camera.jpg — 4032×3024, 3.9 MB, resized to width 1200

    Ausgabe

    camera-1200x900.jpg — 1200×900, 260 KB

    Der Name der Ausgabedatei enthält die neuen Abmessungen, sodass Versionen niemals verwechselt werden können.

    Häufige Anwendungsfälle

    • Einhaltung einer genauen Pixelvorgabe aus einem Formular, einer App-Icon-Spezifikation oder einer Upload-Richtlinie („Avatar muss 400×400 oder kleiner sein“).
    • Das Verkleinern einer Reihe von Fotos, bevor sie auf eine Webseite hochgeladen werden, da Originale mit einer Breite von 4000px deutlich langsamer geladen werden, als nötig wäre.
    • Erstellen einer Reihe von Miniaturansichten in einheitlicher Größe aus einem Ordner mit Quellbildern unterschiedlicher Größe.
    • Die Pixelabmessungen eines Bildes verringern, bevor es in ein Dokument mit strengen Begrenzungen der Seitenbreite eingefügt wird.

    Größenanpassung vs. Komprimierung – und warum die Reihenfolge entscheidend ist

    Sowohl die Größenanpassung als auch die Komprimierung verringern die Dateigröße, wirken sich jedoch auf unterschiedliche Aspekte aus: Bei der Größenanpassung wird die Pixelanzahl reduziert (ein Bild, das um 50 % in der Breite und Höhe verkleinert wurde, benötigt 75 % weniger Pixel), während bei der Komprimierung dieselben Pixel effizienter neu kodiert werden. Wenn ein Bild sowohl in seinen Abmessungen zu groß als auch unkomprimiert ist, bringt die Größenanpassung zunächst den größeren Gewinn – die Reduzierung der Pixelanzahl von 4000px auf 1200px entfernt weitaus mehr Daten, als es jeder Qualitätsregler könnte, und die anschließende Komprimierung des bereits in der Größe angepassten Bildes drückt den verbleibenden Überschuss heraus. Die umgekehrte Reihenfolge (zuerst komprimieren, dann die Größe anpassen) funktioniert ebenfalls, doch wenn man die Größe zuerst anpasst, muss der Komprimierungsschritt weniger Daten verarbeiten, was den Vorgang geringfügig beschleunigt.

    Warum sich der Prozentmodus von der einfachen Eingabe einer geringeren Pixelbreite unterscheidet

    Der Prozent-Modus und der Pixelbreiten-Modus basieren im Hintergrund auf derselben Berechnung – beide ermitteln letztendlich eine Zielbreite und eine proportionale Höhe –, lösen in der Praxis jedoch unterschiedliche Probleme. Der Pixelmodus kommt zum Einsatz, wenn Sie die genaue Zahl kennen, die Sie benötigen (die Spezifikation gibt 1200px vor, also geben Sie 1200 ein). Der Prozent-Modus eignet sich, wenn Sie einen ganzen Stapel von Bildern mit unterschiedlichen Originalgrößen verkleinern und alle proportional um denselben Wert skalieren möchten – 50 % halbieren jedes Bild einheitlich, unabhängig davon, ob die Originale 2000px oder 6000px breit waren. Dies kann der Pixelmodus nicht in einem Durchgang bei einem gemischten Stapel leisten, ohne entweder einige Bilder zu verzerren oder andere unverändert zu lassen.

    Häufig gestellte Fragen

    Wird die Bildqualität durch die Größenänderung beeinträchtigt?

    Das Herunterskalieren sieht im Grunde genommen perfekt aus – man entfernt Pixel, die auf der Zielgröße ohnehin nicht dargestellt werden können. Ein Hochskalieren über 100 % hinaus kann keine Details hinzufügen und führt zu Unschärfe; vermeiden Sie dies, es sei denn, Sie müssen eine Mindestgrößenanforderung erfüllen.

    Wie kann ich statt der Breite eine genaue Höhe festlegen?

    Berechnen Sie die Breite, die zu Ihrer gewünschten Höhe führt: Breite = Höhe × (ursprüngliche Breite ÷ ursprüngliche Höhe). Das Tool behält das Seitenverhältnis standardmäßig bei – eine freie Skalierung von Breite und Höhe verzerrt Fotos, was so gut wie nie gewünscht ist.

    Welche Größe sollte ich für das Web verwenden?

    Hero-Bilder in voller Breite: 1600–1920px. Bilder für Blog-Inhalte: 800–1200px. Miniaturansichten: 300–400px. Avatare: 256px. Im Zweifelsfall sollten Sie die größte Größe wählen, die das Layout tatsächlich anzeigt, und die Datei anschließend komprimieren.

    Größe ändern oder komprimieren – was brauche ich?

    Beide Verfahren reduzieren die Dateigröße, allerdings auf unterschiedliche Weise. Wenn die Abmessungen größer sind als nötig, passen Sie zunächst die Größe an – das bringt den größten Gewinn. Anschließend werden die verbleibenden Bytes durch die Komprimierung weiter reduziert. Unser Bildkompressor führt die Qualitätsanpassung und die Festlegung einer maximalen Breite in einem Schritt durch, sofern dies für Ihren Anwendungsfall geeignet ist.

    Werden meine Bilder beim Ändern der Bildgröße hochgeladen?

    Nein. Die Größenanpassung erfolgt auf Ihrem Gerät über die Canvas-API des Browsers. Sobald die Seite geladen ist, funktioniert das Tool offline.

    Verwandte Tools