Bildoptimierung mit artisansweb/image-optimizer Package

Es ist jetzt 4 Jahre her, dass ich diesen Blog betreibe. Neben diesem Blog betreibe ich auch einen YouTube-Kanal, auf dem ich Videos teile, die zeigen, wie meine Artikel umgesetzt werden.

Ich glaube an Open Source. Auf meiner Website betreibe ich keine kostenpflichtige Mitgliedschaft, verkaufe keine E-Books oder Kurse. Ich mag es, Ressourcen frei zu halten. Vor diesem Hintergrund habe ich mein erstes GitHub-Paket artisansweb/image-optimizer erstellt, das die Aufgabe übernimmt, Bilder für Ihre Website zu optimieren.

Ich habe in der Vergangenheit einige Artikel zum Thema Bildoptimierung geschrieben. Bisher war TinyPNG mein Favorit und ist es immer noch. Die Einschränkung bei TinyPNG besteht jedoch darin, dass sie die Optimierung von 500 kostenlosen Bildern pro Monat ermöglichen. Über 500 Bilder werden pro Bild berechnet.

Einige frühere Artikel zur Bildoptimierung:

• Mehrere Bilder in PHP hochladen und komprimieren
• So optimieren Sie das Bild beim Hochladen in PHP

Es gibt auch andere Pakete, die jedoch erfordern, dass wir Software wie JpegOptim, Optipng usw. auf unserem Computer installieren. Auch das ist keine praktikable Lösung.

Im letzten Jahr habe ich an einem Kundenprojekt gearbeitet, bei dem Tausende von Bildern komprimiert werden müssen. Wir waren auf der Suche nach Open Source und einem effizienten Service, der unsere Arbeit erledigen kann. Dann haben wir reSmush.it kennengelernt, einen völlig kostenlosen Service zur Bildoptimierung.

• Komprimieren Sie Bilder für die Website mit reSmush.it in PHP

Obwohl ich einen Artikel auf reSmush.it geschrieben habe, habe ich das Gefühl, dass ich daraus ein GitHub-Paket erstellen kann, und das habe ich auch getan. Wenn Sie meinen Artikel auf reSmush.it lesen, werden Sie feststellen, dass er etwa 25-30 Zeilen Code hinzufügen muss. Aber wenn Sie sich für das Paket entscheiden, kann dies in 5-6 Zeilen erfolgen.

Lassen Sie uns jedoch besprechen, wie Sie das artisansweb/image-optimizerPaket installieren und verwenden .

Bildoptimierung mit PHP

Zuerst müssen Sie das Paket mit dem Composer installieren, indem Sie den Befehl ausführen:

composer require artisansweb/image-optimizer

Nach der Paketinstallation können Sie das Bild mit dem folgenden Code optimieren.

<?php
require_once "vendor/autoload.php";
 
use ArtisansWebOptimizer;
 
$img = new Optimizer();
 
$source = 'SOURCE_PATH_OF_IMAGE';
$img->optimize($source);

Hier müssen Sie den vollständigen Verzeichnispfad des Quellimages übergeben und Ihr Quellimage wird automatisch optimiert. Manchmal müssen Sie das Originalbild behalten und die optimierte Version in einem anderen Verzeichnis speichern. In diesem Fall können Sie einen zweiten Parameter für das Ziel verwenden.

<?php
$source = 'SOURCE_PATH_OF_IMAGE';
$destination = 'DESTINATION_PATH_OF_IMAGE';
$img->optimize($source, $destination);

Mit dem obigen Code können Sie Ihre Bilder optimieren, die sich in Ihrem Verzeichnis befinden. Ich würde jedoch empfehlen, das Bild beim Upload zu optimieren, damit Sie Optimierungsaufgaben nicht separat durchführen müssen.

Der Benutzer kann das Bild beim Upload wie folgt optimieren.

<?php
require_once "vendor/autoload.php";
 
use ArtisansWebOptimizer;
 
if (isset($_POST['submit'])) {
    $img = new Optimizer();
    move_uploaded_file($_FILES['file']['tmp_name'], 'images/'.$_FILES['file']['name']);
    $img->optimize('images/'.$_FILES['file']['name']);
}
?>
 
<form method="post" enctype="multipart/form-data">
    <input type="file" name="file" />
    <input type="submit" name="submit" value="Submit" />
</form>

Obwohl reSmush.it bisher Milliarden von Bildern komprimiert hat, kann es sein, dass ihr Dienst aus irgendeinem Grund nicht verfügbar ist. Ich habe dieses Szenario im Paket behandelt. Wenn das Paket aus irgendeinem Grund keine optimierte Version von reSmush.it erhält, verwendet es als Fallback die nativen PHP-Methoden wie imagecreatefromjpeg, imagecreatefrompng, imagecreatefromgif, imagejpeg zur Optimierung.

Es sind mehrere neue Funktionen in Arbeit, die ich dem Paket hinzufügen und in Kürze veröffentlichen werde.

Ich würde mich freuen, wenn Sie das Paket verwenden und mir im Kommentarbereich unten mitteilen, wie es funktioniert. Bitte teilen Sie uns Ihr Feedback mit, damit wir gemeinsam dieses Paket verbessern können, das der Community hilft.