16 Reaktionen zu “TYPO3 Retina Images”

Kommentare abonnieren (RSS) oder TrackBack URL

Danke für’s Teilen! 🙂

Andy Hausmann am 21. Februar 2013 um 08:28

Ich sollte mir für solche Dinge mehr Zeit nehmen. Da war der Sven mal wieder schneller im Zusammenschreiben. 🙂

Danke für dies ausführliche HowTo. 🙂

Marcel am 21. Februar 2013 um 09:28

Und wie wäre es einfach die Bilder generell größer zu rendern? Da diese auf 100% Breite gesetzt und von dem umgebenden Divs dann begrenzt werden, hat das dann auch den Vorteil, dass die Größe beim Umschalten auf die Smartphone-Version auf die volle Breite springen kann und in der Tablet-Version werden die Bilder sowieso dann etwas kleiner dargestellt, also normales responsive design. Demo: http://t3bootstraptv.de

Sven Wappler am 21. Februar 2013 um 11:54

Die Umsetzung ist mir soweit ersichtlich. Cool finde ich den Punkt mit dem Datawrap. Allerdings habe ich das mit der Größe nicht so ganz verstanden. Wenn ich die Breite via CSS auf 100% setze wie passt sich dann die Höhe an?
Wir haben beim Relaunch auf http://www.heimwerker.de vor einigen Wochen mit viel Mühe die Größen geleert weil wir festgestellt haben das eine automatische Skalierung bei uns nicht greift so lange eine feste Höhe im Image Tag enthalten ist.

Sebastian Fischer am 21. Februar 2013 um 14:19

Danke für das Feedback.
@Sebastian: doch das geht 😉
@Sven das bedarf einem Nachfolge-Artikel, wo ich gern näher auf Vorteile & Nachteile eingehe

Sven Wolfermann am 22. Februar 2013 um 10:01

@Sven also auch nach x Tests ist es mir nicht gelungen auch nur ansatzweise die Höhe damit proportional zu verändern in dem ich die Breite auf 100% stelle, wenn vorher Breite und Höhe im html angegeben wurden. Vorausgesetzt das Höhe Attribut wird nicht entfernt.

Sebastian Fischer am 22. Februar 2013 um 11:09

@Sebastian doch das geht, glaub mir 😉
schau http://t3ip.maddesigns.de/examples/text-and-images/

Sven Wolfermann am 22. Februar 2013 um 11:25

hi sven,

— quote —
http://t3ip.maddesigns.de/examples/text-and-images/
— /quote —

ich bekomm auf dieser seite keine bilder angezeigt. getestet in aktuellen versionen von chrome und safari.

mostwanted am 26. Februar 2013 um 09:54

ja, sorry… ich arbeite da aktive dran, kann sein, dass da was nicht funktioniert hat. Jetzt grad müsste es aber funktionieren 😉

Sven Wolfermann am 26. Februar 2013 um 10:34

Gibt es eine Möglichkeit das ganze für ein Image Menü das per Typoscript generiert wird zu aktivieren?

http://www.koenigsegg.de

eundd am 12. März 2013 um 11:15

Hi Sven,

wir hatten ja bereits Kontakt bezüglich der „retina“ Extension. Zu dem Zeitpunkt war die Extension ja noch keine Out-of-the.Box Lösung und stellte eher einen Rahmen dar.

Mittlerweile sollte man schon eine relativ zuverlässige Ausgabe mit der Extension erzeugen können – ohne große weitere Arbeiten. Die Extension liegt nun in Version 1.1.0 im TER.

Wäre schön, wenn du die „retina“ Extension nochmals antesten könntest um den ersten „nicht so überzeugenden Eindruck“ zu revidieren 😉

Grüße,
Kevin

Kevin am 10. April 2013 um 08:49

Super Tutorial, leider scheint der snippet unter Typo3 6.2 nicht mehr zu funktionieren.

Ich habe den snippet mittels tt_content.image.20.rendering < lib.retinaSnippet

zugewiesen … wären da noch Anpassungen zu machen?

Danke im Voraus!

Harry am 01. Juli 2014 um 08:53
Trackbacks & Pingbacks

[…] Sven Wolfermann wie man mit TYPO3 optimierte Bilder für HiDPI-Displays bereitstellen kann. Hier geht es zum […]

[…] man Retina-optimierte Bilder von TYPO3 automatisch generieren lässt, habe ich im Artikel “TYPO3 Retina Images” beschrieben. Weitere Tipps sind immer […]

Pingback von Adaptive Images in TYPO3 integrieren | TYPO3 Blogger am 25. Februar 2013 um 15:25

[…] Wie man retina-optimierte Bilder von TYPO3 automatisch generieren lässt, habe ich im Artikel “TYPO3 Retina Images” beschrieben. Weitere Tipps sind immer […]

[…] Auf Twitter stellte Paulina Seroczynska die Frage, ob man ein Bild in TYPO3 2x rendern kann um eine optmierte Version für HiDPI-Displays zur Verfügung zu stellen. tl;dr ja kann man.  […]

Pingback von TYPO3 Retina Images | Web & CMS | Scoop.it am 28. Februar 2013 um 20:41
Ein Kommentar hinterlassen


 Name


 Mail (wird nicht veröffentlicht)


 Website

Bitte beachten sie, dass ihr Kommentar möglicherweise erst freigeschaltet werden muss.

Kategorien

Archiv (Quick)

Dezember 2016
M D M D F S S
« Nov    
 1234
567891011
12131415161718
19202122232425
262728293031