Re: Creating Responsive Images (New Group)

Very interesting Yoav, Nicely done! I am laughing over here with a work
colleague as you've written down a very similar approach to what we've
discussed here at length.

I am unfamiliar with JPG-XR how well does it handle alpha blending? and how
would that apply to your approach?

Paul.



On Wed, Dec 16, 2015 at 9:32 AM, Yoav Weiss <yoav@yoav.ws> wrote:

> Potentially relevant:
> http://www.smashingmagazine.com/2013/09/responsive-image-container/
>
> On Wed, Dec 16, 2015 at 3:28 PM, Paul Deschamps <pdescham49@gmail.com>
> wrote:
>
>> Very exciting indeed and IMHO a better approach being a Graphic artist as
>> well as a developer.
>>
>> I was just having a discussion with a colleague of mine about an image
>> file based solution for responsive images a month ago.. and the technical
>> hurdles that are needed to make it happen.
>>
>> Something of a image format where the header / meta outlines the data
>> start and end blocks of the correct image within one image. Like a sprite
>> however the browser could call in the request to an image's meta and jump
>> to the offset position of the image data required based on the applicable
>> image.
>>
>> Designers would love to be able to save one file which map's out all the
>> required image sizes.
>> and developers would love to separate out the logic of handling all the
>> different formats individually.
>>
>> Bravo. I'll drink to that.
>>
>> Signing up now.
>>
>> Paul.
>>
>> On Tue, Dec 15, 2015 at 11:06 PM, Marcos Caceres <w3c@marcosc.com> wrote:
>>
>>>
>>>
>>> On December 15, 2015 at 10:07:05 PM, Simon Bächler (b@chler.com) wrote:
>>> > Responsive Images should really start at the camera, and not at the
>>> web-agency or in the
>>> > newsroom.
>>>
>>> This is exciting stuff, Simon. Looking forward to seeing where you go
>>> with this! All the best with forming a community. If you manage to get a
>>> metadata format + some kind of new file format, then please do bring it
>>> back here for discussion with the browser vendors!
>>>
>>>
>>
>