JPG, PNG oder WebP: Welches Bildformat passt?

Beginne mit dem Ziel der Veröffentlichung und wähle danach das Format. Eine kleine Datei, die Transparenz verliert oder beim Upload scheitert, ist keine brauchbare Optimierung.

Zuerst die Anforderungen des Ziels lesen

Prüfe erlaubte Formate, maximale Pixelmaße und Dateigröße, bevor du etwas änderst. Das sind verschiedene Anforderungen. Ein Formular akzeptiert vielleicht JPG, aber kein WebP; deine eigene Website kann beides zulassen. Halte die Anforderungen neben dem Original bereit, damit jede Ausgabe einen klaren Zweck hat und nicht nur eine andere Endung bekommt.

Gib der exportierten Kopie einen erkennbaren Namen und behalte die Quelle. Ersetze ein sorgfältig bearbeitetes Original nicht durch den ersten kleineren Download. Verändert ein Dienst das hochgeladene Bild erneut, prüfe seine tatsächlich veröffentlichte Version. Unsere Vorschau beschreibt diesen Export und verspricht nicht das Ergebnis jeder späteren Verarbeitung.

Pixel und Bytes sind unterschiedliche Maße

Pixelmaße beschreiben die Anzahl der Bildpunkte, Bytes die Größe der kodierten Datei. Weniger Pixel können helfen, wenn die Quelle viel größer ist als für das Ziel erforderlich. Aus den Abmessungen allein ergibt sich aber keine verlässliche Bytezahl. Kontrolliere deshalb nach jedem Export sowohl die Maße als auch die tatsächliche Dateigröße.

Der Bildgrößen-Rechner passt zum Beispiel 4000 × 2000 in einen Rahmen von 1200 × 1200 als 1200 × 600 ein. Er streckt das Foto nicht zu einem Quadrat. Sein PNG kann trotzdem größer sein als ein ursprüngliches JPEG. Der separate Kompressor zeigt deshalb echte Quell- und Ausgabebytes zum Vergleich an.

Das Format ist ein Startpunkt, kein Urteil

Die Tabelle grenzt die Auswahl ein, bewertet aber nicht jedes Bild oder Ziel. Exportiere dieselbe Quelle für die geplante Aufgabe, kontrolliere Pixel und Bytes und teste die Annahme beim Ziel. Eine vertraute Dateiendung beweist für sich allein weder passende Qualität noch Transparenz oder erfolgreiche Übertragung.

Unser Kompressor bietet vom Browser kodiertes WebP und JPG. Die Qualität steuert den Encoder: 80% sind keine Zusage für 80% weniger Bytes, und 100% begründen keinen verlustfreien Ablauf. Die verlinkten Referenzen erklären Formate und Browserexport, liefern aber keine garantierte Einsparung für eine bestimmte ausgewählte Datei.

FormatSinnvolle erste AufgabeVor der Verwendung prüfen
JPG / JPEGFotos mit deckendem HintergrundVerlorene Details und fehlendes Alpha
PNGTransparente Elemente oder scharfe RastergrafikenTatsächliche Bytes, besonders bei Fotos
WebPWeb-Veröffentlichung mit FormatunterstützungEncoder, Erscheinung und Alpha-Bedarf

Transparenz bewusst behandeln

Prüfe die Kanten eines transparenten Logos auf dem Hintergrund, auf dem es erscheinen wird. Das Schachbrett der Vorschau ist lediglich eine Betrachtungshilfe und gehört nicht zum Bild. Soll das Element auf hellen und dunklen Flächen funktionieren, probiere beide Fälle aus, bevor du eine bereits brauchbare Version ersetzt.

WebP erhält in diesem Kompressor dekodiertes Alpha. JPG malt stattdessen die gewählte Vollfarbe hinter die Quelle, anfangs Weiß. Wähle sie bewusst und prüfe weiche Kanten und Schatten. Eine Umwandlung eines deckenden JPG in PNG stellt weder einen entfernten Hintergrund noch frühere transparente Pixel wieder her.

Text und Screenshots genau ansehen

Ein Screenshot enthält oft kleine Schrift, dünne Linien und gleichmäßige Flächen. Beurteile diese Stellen, nicht nur fotoähnliche Bereiche. Ist die Ausgabe kleiner, vergrößere die Ansicht genug, um beschädigte Buchstaben oder Farbsäume zu erkennen. Prüfe danach erneut bei der realen Anzeigegröße, denn die vergrößerte Vorschau ist nicht das endgültige Nutzungsszenario.

Behalte genug Pixel für lesbaren Text. Ein sehr niedriges Byte-Ziel kann damit unvereinbar sein; erneutes Exportieren einer beschädigten Kopie repariert die Quelle nicht. Beginne Vergleiche immer mit dem Original. Verlangt das Ziel PNG, nutze den passenden Konverter und messe die Ausgabe, statt automatisch eine kleinere Datei zu erwarten.

Einen kontrollierten lokalen Vergleich machen

Wähle PNG, JPG oder statisches WebP im Bildkompressor. Starte mit WebP, 80% Qualität und jeweils 1600 Pixeln als maximaler Breite und Höhe. Das sind Anfangswerte, keine allgemeine Empfehlung. Proportionen bleiben erhalten und kleine Bilder werden nie vergrößert. Erhöhe die Grenzen, wenn das Ziel mehr Pixel benötigt oder du Details behalten möchtest.

Verarbeite einmal, notiere die echte Dateigröße und prüfe die Vorschau. Ändere für den nächsten Vergleich nur eine Einstellung, damit ihre Wirkung nachvollziehbar bleibt. Lege bei JPG zuerst den Hintergrund fest. Jede geänderte Option entfernt das vorige Ergebnis; lade die Ausgabe herunter, deren Einstellungen du tatsächlich verwenden willst.

Größere Ergebnisse nur mit einem Grund behalten

Erneutes Kodieren garantiert keine kleineren Dateien. Eine Quelle kann bereits effizient sein, oder das gewählte Format passt schlecht zum Inhalt. Der Kompressor meldet größere und gleich große Ergebnisse ausdrücklich. Eine größere Datei kann ein Kompatibilitätsproblem lösen, sollte dann aber nicht als Byte-Einsparung bezeichnet werden. Entscheide nach der tatsächlichen Aufgabe.

Wird die Ausgabe größer, frage zuerst, ob die Konvertierung nötig war. Versuche danach weniger Qualität oder kleinere Maße, sofern das Ziel es erlaubt. Prüfe nach jeder wesentlichen Änderung wieder das Bild. Diese Version sucht nicht automatisch nach exakt 100 KB; ihre Regler garantieren daher nicht, dass jedes beliebige Upload-Limit erfüllt wird.

Die Grenzen lokaler Werkzeuge kennen

Die ausgewählten Bilder werden im Browser-Tab verarbeitet. Pixel werden weder an unseren Server noch an kostenpflichtige KI gesendet. Die Website lädt weiterhin normale Seitenressourcen. Speichere Ergebnisse vor dem Aktualisieren oder Schließen. Leeren entfernt eine Vorschau, löscht aber keine bereits heruntergeladene Datei und verändert nicht dein ursprüngliches Quelldokument.

Dies sind Veröffentlichungsexporte und kein Archiv mit unveränderten Metadaten. Dekodierung, Orientierung und Farbverarbeitung des Browsers können die Pixel beeinflussen; Quellmetadaten werden nicht kopiert. Aktuell gelten 20 MiB, 16 Megapixel und 8192 Pixel je Seite als Eingabegrenzen. Animationen werden abgelehnt, statt still nur einen einzelnen Frame zu behalten.

Die veröffentlichte Version kontrollieren

Prüfe vor dem Ersetzen eines Live-Elements Namen, Format, Pixelmaße, Transparenz und Bytes. Teste den wirklichen Upload, statt nur eine Dateiendung zu ändern. Öffne die veröffentlichte Seite in den Größen deiner Zielgruppe, auch schmal auf Mobilgeräten. Behalte eine Möglichkeit zur Rückkehr zum Original, falls das Ergebnis nicht passt oder ein Dienst es verändert.

Nutze für Website-Icons den Favicon-Generator mit seinem Paket, statt eine gewöhnliche Bilddatei für eine vollständige Icon-Einrichtung zu halten. Der OG-Checker untersucht deklarierte Sharing-Tags einer öffentlichen Seite, bestätigt aber nicht das Rendering jeder Plattform. Bilder vorzubereiten und Seitenantworten zu prüfen sind unterschiedliche Aufgaben; kombiniere sie nur dort, wo es nützlich ist.

Häufige Fragen

Ist WebP immer die beste Wahl?

Nein. Ziel, Inhalt, Alpha-Bedarf und tatsächliche Ausgabe entscheiden. WebP ist eine Option im Kompressor; ein restriktives Formular kann JPG oder PNG verlangen. Vergleiche die Datei, die du wirklich verwenden wirst.

Verbessert JPG zu PNG die Details?

Verlorene Information kommt nicht zurück. Dekodierte Pixel werden in einem anderen Format gespeichert, ohne fehlende Details oder Transparenz zu erfinden. Behalte die Quelle und prüfe, ob das Ziel die Umwandlung überhaupt verlangt.

Warum wurde die komprimierte Datei größer?

Kodierung hängt von Format und Inhalt ab. Die Quelle kann effizient sein oder der Export nicht gut passen. Vergleiche Bytes und Vorschau; behalte das Original oder passe Qualität und Maße sinnvoll an.

Wird eine bestimmte KB-Grenze garantiert?

Nein. Qualität und Pixelgrenzen sind Einstellungen, kein garantiertes Byte-Ziel. Prüfe den echten Download beim Ziel. Liegt er darüber, reduziere passende Maße oder Qualität und kontrolliere die Ausgabe anschließend erneut.

Quellen und weitere Informationen