Nur eingebettet bilder Kompremieren nicht die Datei ansich

  • Guten Tag,

    Ich habe folgende Seite: https://www.steamanimated.com/ Die Cover sind alle Animiert also doch sehr groß. Am besten könnte ich die Cover (Die auf der Startseite usw.) Angezeigt würden etwas kompremieren und neu Demensionieren. Die Orginal Datei sollte aber am Besten so erhalten bleiben. Gibt es da eine möglichkeit, also ein Plugin das das Automatisiert? Auch über sonstige Tipps um etwas Seitengröße einzuspaaren wäre ich dankbar.

    Einmal editiert, zuletzt von Tobiasp (10. Oktober 2019 um 21:38)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Die Cover sind alle Animiert also doch sehr groß. Am besten könnte ich die Cover (Die auf der Startseite usw.) Angezeigt würden etwas kompremieren und neu Demensionieren.

    Ich habe mir mal eine Animation angesehen. ich habe mir Cyberpunk 2077 mit Keanu Reeves ausgesucht.

    https://www.steamanimated.com/wp-content/upl…ljryr1tpp31.png

    Die APNG Animation ist über 12 MB groß. Technisch gesehen entspricht der APNG-Datenstrom weitestgehend dem standardmäßigen PNG-Datenstrom. Allerdings umfasst das Animated-Portable-Network-Graphics-Format drei zusätzliche Typen von Informationsblöcken (Chunks), die die Animation beschreiben und zusätzliche Rahmendaten bereitstellen.

    http://apngasm.sourceforge.net/

    Ich würde mit
    https://ezgif.com/apng-maker

    nach mp4 convertieren

    Die Cyberpunk 2077 Animation ist im mp4 Format 94,96% kleiner
    File size: 613.18KiB (-94.96%), width: 350px, height: 524px, length: 00:00:09, type: mp4 (video)


    Die mp4 Datei würde ich mit hls.js
    https://github.com/video-dev/hls.js
    ausgeben.

    Mit offenen Augen träumen

  • Und ich würde zuerst ein normales Bild laden. Erst wenn man mit der Maus über ein Bild fährt würde ich die Animation starten. Mobil würde ich die Animation starten wenn ein Bild in den Sichtbereich kommt. Denn mit den ganzen Animationen ist die Seite sehr unruhig.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!