WordPress vergrößert die Filesize meiner Bilder

  • pinselaffe

    (@pinselaffe)


    vor 8 Jahren, 1 Monat

    Hi,

    ich versuche zurzeit zu verstehen, wie man seine Bilder in WordPress am besten optimiert, doch die Tutorials die man im Netz findet konnten meine Fragen nicht wirklich beantworten.

    Ich habe folgendes Problem:

    Mein Theme hat die maximale Contentbreite von sagen wir 720px.
    Wenn ich ein Bild hochlade, welches 720px breit ist und es in vollständiger Größe anzeigen lasse, sieht das Bild wesentlich schlechter aus, als wenn ich es in doppelter Auflösung hochlade und beim Einfügen des Bildes auswähle, dass es 720px breit angezeigt werden soll. Woran liegt das? Macht WordPress dann automatisch eine Anpassung für Retina-Monitore (Ich habe einen).

    Falls dies der Fall ist, würde ich die Bilder natürlich immer in doppelter Auflösung hochladen, doch kommt dann noch ein zweiter Faktor ins Spiel, den ich nicht verstehe:

    Mein hochgeladenes Bild in doppelter Auflösung ist sagen wir 70kb groß. Wenn ich es mir am Ende im Frontend auf meiner Seite anschaue und runterlade ist es plötzlich 300kb groß (was natürlich viel zu groß ist)

    Kann mir jemand sagen, wie das zustande kommt und was der beste Weg wäre, um die Bilder für Retina-Monitore bestmöglich anzuzeigen, dabei aber nicht plötzlich die 4-Fache Filesizegröße auf meine Seite zu bekommen.

    Danke schon einmal im Voraus

    MFG

    • Dieses Thema wurde vor 8 Jahren, 1 Monat von pinselaffe geändert.
Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Thread-Starter pinselaffe

    (@pinselaffe)

    vor 8 Jahren, 1 Monat

    Ich habe herausgefunden, dass wenn ich die Anzeigegröße selbst ins HTML-Tag schreibe, WordPress das Bild nicht selbst neuberechnet und ich somit meine kleine Filesize + gute Qualität behalte. Komisch, dass WordPress so einen eigenartigen Algorithmus benutzt, der meine Bilder so extrem viel größer macht

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 8 Jahren, 1 Monat

    WordPress macht eigentlich keine Bilder größer.

    Wenn du eine Bild-Datei hochlädst, wird das Bild entsprechend deiner Einstellungen herunterskaliert und in kleineren Abmessungen abgespeichert, aber nie hochskaliert (oder vergrößert), weil dies zu Qualitätsverlusten führen würde.

    Mit „eigentlich“ ist gemeint, dass du WordPress in alle möglichen Richtungen erweitern kannst und es zumindest möglich wäre, dass ein Plugin das normale Verhalten von WordPress, keine Bilder hochzuskalieren, ändert.

    Um Bilder auf Retina-Displays optimal darzustellen, ist zumindest die 1,5-fache Bildgröße notwendig. Auf A List Apart gab es vor langer Zeit mal einen sehr ausführlichen Artikel dazu:

    https://alistapart.com/article/mo-pixels-mo-problems

    Für die Performance der Website sind natürlich möglichst kleine Bilder sinnvoll. Deshalb solltest du Meta-Informationen und Farbprofile bei der Bearbeitung oder nachträglich z.B. mit tinyjpg.com oder einer App wie ImageOptim entfernen. WordPress versucht mit Hilfe von srcset die optimale Bildgröße für das verwendete Display zu verwenden.

    Die Bilddarstellung ist ein recht komplexes Thema, das sich schlecht in wenigen Zeilen darstellen lässt. Ich hoffe trotzdem, dass dir die Antwort zumindest ansatzweise ein paar Ideen vermittelt.

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)

Das Thema „WordPress vergrößert die Filesize meiner Bilder“ ist für neue Antworten geschlossen.