Carrierwave, wie man Bilder für Google PageSpeed ​​komprimiert

Question

Wenn ich Google PageSpeed ​​verwende, wird mir gesagt, dass ich meine Bilder komprimieren muss. Beispiel:

Compressing https://xxx.s3.amazonaws.com/xxxx.jpg could save 33.2KiB (66% reduction). 

Ich bin nicht sicher, wie Google hier glücklich zu machen ... In Carrierwave, ich habe die folgende Einstellung:

version :thumb do 
    process resize_to_fill: [340, 260] 
    process :quality => 86 
end 

Wenn ich bewegen, um die Prozessqualität auf etwas anderes als 86 Das Bild sieht nicht so gut aus. Gibt es noch eine andere Einstellung/einen Trick, der mir fehlt, um Bilder so zu komprimieren, dass Google PageSpeed ​​glücklich wird und meine Seite schneller geladen wird?

Dank

Answer 1

ich resize_to_limit Helfer nicht versucht haben, die Ihnen helfen können:

process :resize_to_limit => [340, 260] 

Es die Größe des Bildes werden in den angegebenen Abmessungen zu passen, während das ursprüngliche Seitenverhältnis beibehalten wird. Vergrößert das Bild nur dann, wenn es größer als die angegebenen Abmessungen ist.

Es gibt mehrere Möglichkeiten zur Bildoptimierung, die Sie ausführen können. Desktop und Online. Für Desktop würde ich empfehlen, das Dienstprogramm JPEGOPTIM zu verwenden, um JPEG-Dateien zu optimieren.

Bietet lossless Optimierung (basierend auf den Tabellen Huffman Optimierung) und „verlustbehaftete“ Optimierung basierend auf maximale Qualität Faktor einstellen.

Wenn Sie auf Linux sind, installieren Sie sie von Ihrem Terminal:

sudo apt-get install jpegoptim 

in den Ordner dann, wo Ihr Bild ist und prüfen Sie zuerst Größe davon:

du -sh photo.jpg 

danach Führen Sie diesen Befehl zur Optimierung aus:

jpegoptim photo.jpg 

Sie werden die Ausgabe sehen.

Sie können auch die gegebenen Bild auf eine bestimmte Größe komprimieren, aber es deaktiviert die lossless Optimierung.

Sie können Ihre Bilder im Batch mit diesem Befehl optimieren:

jpegoptim *.JPG 

Ein weiterer Desktop-Weg ist ein grundlegende Optimierung manuell mit PS oder GIMP zu tun. Dazu gehört das Beschneiden von unnötigem Platz, das Reduzieren der Farbtiefe auf das niedrigste akzeptable Niveau, das Entfernen von Bildkommentaren und (Option)

Sie können auch Online-Lösungen verwenden.Es gibt viele von ihnen sind, schlage ich diese hier zum Beispiel:

https://tinypng.com

https://kraken.io

Es gibt auch ein WebP Format (developed by Google) Chrome & Opera es unterstützen, aber Firefox unterstützt es nicht Daher müssen Bilder grundsätzlich auf der Grundlage des HTTP-Accept-Headers bereitgestellt werden, der von Browsern gesendet wird, die dieses Format anzeigen können. Überprüfen Sie diese Blog für den Fall, dass Sie für das WebP-Format entscheiden, gibt es ein Juwel, das Sie verwenden können. (Schienen 4)

Ich hoffe es hilft,