Project

General

Profile

Actions

Feature #49723

closed

Improve rendering of responsive images

Added by Georg Ringer almost 11 years ago. Updated over 5 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
-
Target version:
-
Start date:
2013-07-06
Due date:
% Done:

100%

Estimated time:
(Total: 0.00 h)
PHP Version:
Tags:
Complexity:
Sprint Focus:

Description

There are some tasks which could be improved when responsives images should be rendered:

  • Don't output width/height tag in img tag
  • Improved option for setting multiple sources

possible variants

http://responsejs.com/
<img src="lo-fi.png" data-min-device-width-641="hi-fi.png" alt="example" />
<img src="image.jpg" alt="" data-src-600px="image-600px.jpg">

Support srcset

<img alt="The Breakfast Combo" src="banner.jpeg" 
   srcset="banner-HD.jpeg 2x, banner-phone.jpeg 100w,
   banner-phone-HD.jpeg 100w 2x">

picture tag

<picture width="500" height="500">
  <source src="large.jpg"  media="(min-width: 45em)">
  <source src="middle.jpg" media="(min-width: 18em)">
  <img src="small.jpg" alt="">
  <p>Accessible text</p>
</picture>

Subtasks 1 (0 open1 closed)

Feature #49725: Make rendering image dimensions configurableRejected2013-07-06

Actions

Related issues 1 (0 open1 closed)

Related to TYPO3 Core - Feature #50075: Responsive Image Rendering Closed2013-07-16

Actions
Actions

Also available in: Atom PDF