Anwendung
PNG in JPG umwandeln in Webseite (HTML)
Auf einer Webseite zählt jede Kilobyte, denn die Ladezeit beeinflusst Nutzererlebnis und Ranking. Fotografische Inhalte sind als JPG meist deutlich schlanker als als PNG, ohne sichtbaren Qualitätsverlust. Vor dem Einbinden ins HTML lohnt sich daher die Umwandlung. Diese Anleitung zeigt, worauf du beim Format und beim img-Tag achten solltest.
Schritt für Schritt
- 1 Entscheide pro Bild, ob JPG passt, also keine Transparenz nötig ist.
- 2 Wandle das PNG in ein JPG um, etwa auf png-jpg.de.
- 3 Lege die JPG-Datei in deinen Bilderordner, etwa /img.
- 4 Binde es ein mit img src="img/foto.jpg" alt="Beschreibung".
- 5 Ergänze loading="lazy" für Bilder unterhalb des sichtbaren Bereichs.
- 6 Prüfe die Ladezeit mit den Entwicklertools des Browsers.
Schneller im Browser
Mit png-jpg.de schrumpfst du Fotos vor dem Hochladen direkt im Browser, ohne Build-Schritt oder Tool-Installation. Kostenlos und mit Stapeln bis zu 50 Bildern, damit die Seite schnell bleibt.
PNG zu JPG Converter öffnenWeitere Anleitungen
Mehr Hintergrund zu Formaten und Qualität findest du in unseren Ratgebern.