Bilder direkt in Joomla bearbeiten

Geschrieben von: RenéM Montag, den 01. März 2010 um 19:30 Uhr

Schluss mit der Bildbearbeitung durch externe Programme für Kleinigkeiten (wie Photoshop, Gimp, etc.)

Dank einem neuen Plugin, ist es nun möglich seine Bilder, zumindest kleinere Dinge wie Größe, Helligkeit und Kontrast, direkt im eigenen Joomla zu bearbeiten. Außerdem lassen sich Bilder auch drehen, wenn auch nur in neunzig Grad Schritten nach links und rechts.
Bei der Größenänderung hat man die Wahl, entweder direkt die Größen für Breite und Höhe einzugeben oder direkt die Bildgröße mit der Maus anzupassen. So wie man es auch aus seinen heimischen Anwendungen kennt. Die Option, dass die Proportionen beibehalten werden sollen, bleibt dem Benutzer dabei freigestellt. Kontrast (Contrast) und Helligkeit Brightness) lassen sich komfortabel über Schieberegler kontrollieren. Man hat aber auch die Wahl, dass man ein Bild in Graustufen anzeigen lassen kann. Dazu benötigt es lediglich einen Klick auf eine Checkbox (Grayscale).

Während der Bearbeitung, wird eine temporäre Kopie des Bildes angelegt, sodass wenn man nicht speichert, dass Original erhalten bleibt. Dann kann man zum Beispiel die temporäre Datei umbenennen und verschieben. Die temporären Dateien bleiben bis zu zwei Tage nach Erstellung erhalten und werden dann gelöscht. Speichert man sein Arbeit ab, so wird das Original überschrieben und die temporäre Datei entfernt. Die zwei Tage-Löschungen dienen zum Schutz vor zu hohen Speicherplatzverbrauch. Das Ganze hat aber zusätzlich noch den Vorteil, dass man sich nicht selbst um die Aussortierung nicht benötigter Bilder kümmern muss und somit mehr Zeit für andere Dinge hat.

PHP Image Editor kann aber noch mehr: So hat man zum Beispiel die Möglichkeit, dass Bild per Drag and Drop zu beschneiden – beziehungsweise besser ausgedrückt: Einen Teil Freizustellen. Dazu bekommt man ein kleines Kreuz, mit dem man einen Rahmen ziehen kann. Hat man den gewünschten Bereich gefunden beziehungsweise ausgewählt, kann man auf aktualisieren klicken und bekommt nur noch den ausgewählten Teil angezeigt.

Um das Plugin herunterzuladen, ist eine kurze Registrierung erforderlich, die lediglich aus Namen und E-Mail-Adresse besteht, sowie für Firmen aus dem Firmennamen. Direkt nach der Eingabe ist der Download möglich. Die Installation verläuft schnell und unkompliziert über den Joomla-Installer, nachdem man die heruntergeladene Datei entpackt hat. Nur zur Information: Man muss die Datei „phpimageeditor_joomla.zip“ hochladen und installieren. Danach geht man in Erweiterungen / Plugins, um das neue Plugin „PHP Image Editor - Edit your images directly in Joomla!“ zu aktivieren. Vordefinierte Parameter sind nicht vorhanden, so dass man nach der Aktivierung direkt das neue Plugin testen kann.

Wenn man nun das Media Center aufruft, so findet man unter jedem Thumbnail eines Bildes einen neuen Link der „Bild bearbeiten“ heißt. Wenn man diesen Link klickt, so gelangt man in einem neuen Fenster oder Tab in die Bearbeitungsoberfläche des Plugins, die beim Test sogar sofort in deutscher Sprache ausgegeben wurde. In der Detailansicht befindet sich der Bearbeiten – Link in der letzten rechten Spalten.

Innerhalb der Beitragsbearbeitung, findet man beim Einfügen eines Bildes über den Link unten links im Editor, zwar weiterhin seine Thumbnails von vorhanden Bildern und den entsprechenden Upload – Bereich, aber über jedem Thumbnail auch den neuen „Bild bearbeiten“ – Link. Somit haben nicht nur Benutzer im Backend die Möglichkeit Bilder zu bearbeiten, sondern auch solche im Frontend.

Das Plugin läuft unter AJAX, sodass nicht bei jeder Änderung die komplette Seite neugeladen werden muss. Bei kleineren Wartezeiten nach den Änderungen, sorgt ein Ladebalken dafür, dass der Benutzer in etwa weiß, wann er mit dem Ergebnis zu rechnen hat. Für die Javascript-Funktionen nutz der Editor Frameworks JQuery und JCrop.

In der englischen Dokumentation erfährt man mitunter, wie man Sprachpakete hinzufügen kann und eine maximale Breite und Höhe in der config.php für Bilder festzulegen sind.

Unterstütze Bildformate sind .jpeg, .gif und .png und somit sind alle wichtigen „Internet – Formate“ vorhanden. Sprachen werden folgende unterstütz: Englisch, Deutsch, Schwedisch, Ungarisch, Holländisch und Brasilianisch – Portugiesisch. Das Plugin ist komplett kostenlos und fällt unter die Open Source GPLv3.

Genauere Informationen findet man auf der Seite des Entwicklers unter http://www.phpimageeditor.se/. Das Plugin selbst kann man hier herunterladen: http://www.phpimageeditor.se/download.php und wenn man sich vorher mit einer kleinen Demo von dem Nutzen des PHP Image Editors überzeugen möchte, so kann man das hier tun: http://www.phpimageeditor.se/joomla.php.

Die Information haben wir auf folgender Quelle gefunden.

Hey, schön das du hier liest. Über dein Feedback in den Kommentaren würden wir uns sehr freuen. Nur so wissen wir ob das was wir tun auch bei euch ankommt. Wenn dir unser Blog gefällt kannst du gerne den RSS-Feed abonnieren und uns auf Twitter folgen um auf dem Laufenden zu bleiben.

In diesem Sinne, schau bald wieder vorbei.
Die Jinsiders!

Als Favorit markieren

Lesezeichen setzen

Kommentare (7)

...

DANKE!!!!!
toll dass ich hier lesen darf

Geschrieben von anonymer Fan am 01. März, 2010 Uhr

Cool!

Wir nutzen seit kurzem picnik.com aus zwei Gründen: 1. Als betriebsystem-unabhängige Online-Anwendung können alle Team-Mitglieder damit arbeiten, egal ob sie Windows-PCs oder Macs nutzen; 2. Ich kenne außer Photoshop und picnik.com kein Garfikprogramm mit einem Crop-Tool, das gleichzeitig zuschneidet und auf eine bestimmte Zielgröße skaliert. Kann PHP IMAGE EDITOR das auch? Ging für mich nicht ganz klar aus dem ansonsten sehr informativen Bericht vor.

PS: Schön, dass ihr hier wieder öfter schreibt!!!

Geschrieben von derFlori am 01. März, 2010 Uhr

Das Plugin...

... kannte ich bislang noch gar nicht! :(
Danke für den Tipp!!

Nobs

Geschrieben von Nobs am 01. März, 2010 Uhr

-1

...

@derFlori

picnik gehört übrigens seit kurzem auch Google ;) Nur mal so am Rande...

Geschrieben von Yannick am 02. März, 2010 Uhr

-1

Re:

Also, @derFlori, soweit wie ich das verstanden habe, müsste man erst "Ausschneiden/Freistellen" und dann danach manuell die Größe ändern.
Für Umfangreiche Bearbeitungen nutze ich sowieso mein CS4 weiterhin wie gewohnt- aber um Kleinigkeiten zu ändern, ist das "PHP IMAGE EDITOR"-Plugin gut geeignet.

Gruß
RenéM

Geschrieben von raZuuL am 02. März, 2010 Uhr

...

@ René: Ja, CS4 ist klasse! Aber für ein No-Budget-Projekt wäre selbst ein PS Elements für fünf Teammitglieder unerschwinglich...

@ Yannick: Las das auch gerade. Jetzt wollen die auch noch auf diesem Wege meine Fotos angucken ;)

Geschrieben von derFlori am 02. März, 2010 Uhr