Entwicklung & Design

TYPO3: Bildverarbeitung in TYPO3 – Wie das CMS Redakteure und Entwickler unterstützt

Den Funktionen zur Bildverarbeitung kommt in TYPO3 besondere Bedeutung zu. Sie bieten dem Redakteur Komfort bei der Pflege der Inhalte und dem Entwickler Möglichkeiten bei der Gestaltung der Templates. Zudem bilden sie die Grundlage für die automatische Generierung von grafischen Menüs. Wir geben einen Überblick darüber, was möglich ist und wie man loslegt.

Um TYPO3 mit den benötigten Bildverarbeitungsfunktionen auszurüsten, ist es nötig, das Programmpaket ImageMagick zu installieren und es zu konfigurieren. Sie sollten dabei zur etwas älteren Version 4.2.9 greifen. Neuere Versionen des Programms führen, weil ressourcenhungriger, zu deutlich schlechterer Server-Performance, ihre erweiterte Funktionalität wird hingegen von TYPO3 eigentlich nicht benötigt. Alternativ können Sie das funktionsidentische, aber modernere GraphicsMagick einsetzen. Ausführliche Installationshinweise finden Sie unter imagemagick.org und graphicsmagick.org.

Aufgaben der Bildverarbeitung in TYPO3

In TYPO3 erfüllen die Bildverarbeitungsfunktionen etliche Aufgaben:

  • Sie sorgen für die automatische Umwandlung des von den Redakteuren erfassten Bildmaterials in ein webgerechtes Format.
  • Sie erzeugen grafische Menüs.
  • Mit ihnen erstellen Sie dynamische Grafiken wie zum Beispiel Balkendiagramme.
  • Sie ermöglichen Bildvoransichten im Administrationsbereich.

Die Manipulationsfunktionen bieten Redakteuren nicht nur die Möglichkeit, Bildeffekte ohne Verwendung eines eigenen Bildverarbeitungsprogramms zu erzeugen, sondern auch, die lästige Konvertierung von Dateiformaten dem System zu überlassen. Einige weitere komfortable Funktionen, etwa die „Bei Klick vergrößern“-Funktion bei Bildern, bedienen sich der Bildverarbeitungsfunktion, um diese Größenänderungen zu bewerkstelligen.

Bilder als Inhaltselemente einbinden

Ein Redakteur kann Bilder durch Auswahl des Seiteninhaltselements „Bild“ direkt in eine Seite einfügen. Bilder können dabei aus dem Fileadmin-Bereich des Servers ausgewählt oder mit der Schaltfläche „Durchsuchen“ von der lokalen Festplatte hochgeladen werden.

Der Redakteur ist dabei nicht auf GIF- und JPG-Dateien beschränkt, sondern hat die Wahl aus einer großen Palette von Bildformaten: TYPO3 kann mit TIF, BMP, PCX, TGA, PNG, PDF und AI umgehen. Die Umwandlung in ein webgerechtes Bildformat übernimmt TYPO3. Dabei arbeitet die „ImageMagick“-Programmbibliothek im Hintergrund. Sie kann fast alle gängigen Bildformate verarbeiten. Redakteure können auch die Größe des Bilds verändern, also zum Beispiel ein 800 Pixel breites Bild hochladen, jedoch eine Darstellungsbreite von nur 300 Pixel einstellen.

Neben diesen Möglichkeiten, Dateiformate und Größe der Bilder zu ändern, bietet TYPO3 weitere Optionen:

  • Qualitätsstufe einstellen
  • Effekte wie Drehen, Kontrast, Schärfen, Aufhellen etc.
Einstellung der Effekte

Einstellung der Effekte

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

3 Kommentare
Sven Wappler

Hallo,
ich habe vor nicht all zu langer Zeit damit begonnen, eine kleine Extension für Bildeffekte zu schreiben. Mit Hilfe von ImageMagick lassen sich ein paar nette Bildrahmen, Schlagschatten und Polaroid-Effekte erzeugen. So kann man schnell mehrere Bilder mit einem Effekt versehen, ohne ein Bildbearbeitungsprogramm zu verwenden. Vielleicht kann der ein oder andere es gebrauchen. Eine neue Version mit mehr Effekten ist in Arbeit.
Demo
Grüße, Sven

Antworten
nietsch

cms ist für Webmaster und Entwickler schon eine tolle Sache. Typo 3 habe ich mir bereits angeschaut und möchte mit der neuen Version 4.3 über ein Video mit Typo endlich anfangen. CMS ist dann eine wirkliche Hilfe um Bildmaterial besser mit Effekten zu versehen und zu verarbeiten. Danke an die Entwickler :) Gruss Artur Nietsch

Antworten
Kevin Lieser

@sven:

Deine Extension klingt sehr interessant.
Diese werde ich mir einmal anschauen.

Was ich mir auch gut vorstellen kann, dass meine eine große Extension hat die einige Bildeffekte bereitstellt und der Benutzer nur einen jeweiligen Effekt aufwählen brauch.
Also eine Extension alá „da ist für jeden was dabei“.
Ggf. mit Funktion zum deaktivieren mancher Effekte, welche eben gar nicht in die Seite passen (für Redakteure).

Grüße

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!

Hey du! Schön, dass du hier bist. 😊

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team bestehend aus 65 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Danke für deine Unterstützung.

Digitales High Five,
Stephan Dörner (Chefredakteur t3n.de) & das gesamte t3n-Team

Anleitung zur Deaktivierung