TYPO3 Extension „Retina“

Qualitativ hochwertige Bilder wirken positiv auf die Wahrnemung. Sie wecken Emotionen und vermitteln Informationen. Durch Smartphone, Tablet-PC und heimischen PC sind Betreiber gefragt, jeweils optimierte Bilder für die unterschiedlichen Endgeräte bereit zu stellen. Mit der TYPO3 Extension „retina“ steht dafür eine leicht zu installierende und nutzbare Erweiterung bereit. Diese erlaubt es zusätzlich, optimierte Bilder für Retina Devices in das Content Management System einzubinden.

Ein Bild sagt mehr als tausend Worte: Das ist genauso bekannt wie die Macht der Bilder, Emotionen anzuregen oder Informationen anschaulich zu visualisieren. Schlecht skalierte Bilder, übergroße und zu kleine Darstellungen bedrohen den positiven Effekt der Bildnutzung auf Webseiten. Dies zu vermeiden ist durch die zunehmene Nutzung unterschiedlicher Endgeräten mit diversen Displaygrößen nicht leicht. Hilfe bietet die TYPO3 Extension „retina“ und bindet neben dem normalen Bilder-Upload eine Uploadfunktion für Retina-Bilder in das Enterprise CMS ein. Dazu wird über die TYPO3 eigene Sprache TypoScript die tt_content Tabelle in der Datenbank erweitert.

Die Extension erkennt automatisch die Geräteklasse des zugreifenden Endgerätes und erzeugt dynamisch Webseiten mit dem passenden Bild. Wird die TYPO3-Website mit einem normalen Browser besucht, wird weiterhin das Standard-Bild genutzt. Beim Aufruf der Homepage mit Retina Device wie iPad oder iPhone bindet die Extension ein vorab hochgeladenes Retina-Bild ein.

Die „Retina“-Installation mit dem Extension-Manager

Achtung: Die Extension ist noch nicht TYPO3 6.0 ready.

retinaext1Die Installation der Erweiterung erfolgt über den Extension-Manager von TYPO3. Es genügt, den Extensionkey „retina“ unter dem Reiter „Get Extension“ bzw. „Erweiterungen hinzufügen“ in das Suchfeld einzugeben und den Submit-Button zu betätigen.

Anschließend durchsucht der Erweiterungsmanager die Daten des Repository-Servers nach der Retina Extension und zeigt die Erweiterung an.

a33dac8ed1retinaext3Mit Klick auf das Action-Icon startet der Download und die Installation wird durch TYPO3 automatisiert vorgenommen. Nach erfolgreicher Installation öffnet sich ein kleines Pop-Fenster und teilt dem Nutzer Log-Daten mit.

retinaext4

Anschließend kann die Extension verwendet werden.

Viel Spaß damit!

Bewerte diese Seite

 
 
 
 
 
 
 
Bewerten
 
 
 
 
 
 
3 Bewertungen
73 %
1
5
3.65
 

Veröffentlicht von

Kevin Lieser

Kevin Lieser

Kevin Lieser ist ausgebildeter Mediendesigner und seit 2008 mit der TYPO3 Agentur KA Mediendesign unternehmerisch tätig. Seine Leidenschaften sind gutes Webdesign und die PHP Programmierung. Als App Entwickler und Autor mehrerer TYPO3 Extensions engagiert er sich aktiv für die Weiterentwicklung von Webapplikationen und mobilen Anwendungen.