imageOptimizer - automatische Optimierung von Grafiken

Der imageOptimizer ist ein Snippet für den Website Baker der die Ausgabe von JPG, PNG und GIF Grafiken optimiert, die mit Hilfe der <img> Attribute width und height verkleinert dargestellt werden. Hierzu schreibt er eine neue Datei, deren physikalische Größe den Angaben in den <img> Attributen entspricht - die Einsparung beim Download einer einzelnen Grafik kann mehrere hundert Kilobyte betragen, was sich spürbar in der Geschwindigkeit des Seitenaufbaus und dem Traffic der Website bemerkbar macht.

Der imageOptimizer verändert keine Original Grafiken, diese werden während der Ausgabe der Seite on the fly durch die optimierten Dateien ersetzt. Nach und nach erfaßt der imageOptimizer alle Grafiken auf der Website, registriert diese in seiner Datenbank und legt optimierte Dateien für die Ausgabe an. Werden Grafiken im Backend geändert oder ersetzt führt der imageOptimizer eine entsprechende Anpassung durch - der Anwender (Redakteur) bekommt von diesem ganzen Prozess nichts mit und kann sich auf seine eigentliche Arbeit konzentrieren.

Anforderungen:

• mindestens PHP 5.x, PHP 5.2.6 empfohlen
• dbConnect installiert
• rhTools installiert

Nach der Installation des imageOptimizer ersetzen Sie in der index.php Ihres Templates den Aufruf page_content(); durch den folgenden Code:

if (class_exists('imageOptimizer')) {
  ob_start();
  page_content();
  $content = ob_get_contents();
  ob_end_clean();
  image_optimize($page_id, $content);
}
else {
  page_content();
}

Um Zugriff auf die Verwaltungsfunktionen des imageOptimizer zu erhalten, legen Sie bitte über das Backend des Website Baker eine neue Seite mit der Sichtbarkeit Privat vom Typ Code an und fügen Sie den folgenden Code ein:

if (class_exists('imageOptimizerControl')) {
  image_optimizer_control($page_id);
}
else {
  echo "imageOptimizerControl ist nicht installiert!";
}

Sie sollten nur dem Administrator Zugriff auf die Verwaltungsfunktionen des imageOptimizer gestatten. Die Verwaltungsfunktionen erlauben Ihnen Änderungen der Einstellungen, den Aufruf der Statistik und die Verwendung von Werkzeugen (Tools) für den imageOptimizer.

Die verschiedenen Einstellungen werden im Dialog beschrieben. Wenn der sogenannte Plapper Modus eingeschaltet ist, fügt der imageOptimizer an das Ende jeder Seite eine kleine Info Leiste ein, die Sie darüber informiert wie viele Grafiken auf der Seite enthalten sind, wie viele Grafiken durch den imageOptimizer optimiert wurden und wieviel Traffic Sie dadurch eingespart haben:

Die Statistik zeigt Ihnen, wie effektiv der imageOptimizer auf Ihrer Website arbeitet:

Die Werkzeuge helfen Ihnen, die Datenbank des imageOptimizer von Zeit zu Zeit bereinigen und nicht mehr benötigte Dateien zu entfernen:

Vielen Dank für Ihr Interesse!

Download

Die aktuelle Version finden Sie auf der Download Seite.

Ralf Hertsch, 29.08.2009