Re: Capturing - Improving Performance of the Adaptive Web

본건관련해서 W3C 표준은 아래 부분인데요.
http://www.w3.org/TR/html-picture-element/


Responsive Web Design이 레이아웃 측면에서는 다양한 테크닉들이 존재하지만  
이미지의 크기를 핸들링하는 부분은 여전히 개발자들의 수고를 많이 필요로  
했습니다. 그래서 responsive image 를 만들기 위해 부족했던 표준 부분을  
<picture> element 의 추가로 보완하고 있는 것 같습니다.
내용이 너무 단순해서 그냥 보시면 이해가 될 것 같습니다.

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

다양한 해상도의 단말에 대응하기 위해 여러벌의 이미지를 만들어 둬야 하는  
부담은 여전한 것 같고요. 추후에 svg 브라우저 지원율이 올라가면   
벡터그래픽인 svg에 대한 대체수요도 증가할 것 같다는 느낌도 듭니다.

아직은 Working Draft 단계인데요. 본 표준 초안은 W3C 커뮤니티 그룹에 의해서  
논의가 주도되어 만들어 졌다는 점에서 새로운 의의를 찾을수 있겠네요.

감사합니다.

조만영 드림.

Sat, 30 Mar 2013 23:16:28 +0900, Wonsuk Lee <wonsuk73@gmail.com>님이 쓴 글:

> 안녕하세요.
>
> Mozilla hacks 사이트에 responsive web design의 성능 이슈 및 이를 해결할  
> 수 있는 방법에 대해서 정리한
> article[1]이 있네요. 요즘은 단말의 display 크기 뿐 아니라 고해상도  
> display를 갖은 단말들이 출시되면서
> responsive web design은 더욱 중요한 topic이 되는 것 같습니다. W3C에서도  
> 이와 관련하여 <picture>
> 추가했는데 이 부분도 본 article에서 다루고 있습니다.
>
> 중요한 내용이라서 KIG 회의에서 정리해 보았으면 합니다~^^ Volunteer를  
> 찾습니다~^^
>
> [1]
> https://hacks.mozilla.org/2013/03/capturing-improving-performance-of-the-adaptive-web/?utm_source=html5weekly&utm_medium=email

>
> 이원석 드림.
>
> =========================================
> 이 원 석 (Wonsuk, Lee) / Principal Engineer, Ph.D
> SAMSUNG ELECTRONICS Co., LTD. (三星電子)
> Mobile: +82-10-5800-3997
> E-mail: wonsuk11.lee@samsung.com, wonsuk73@gmail.com
> http://www.wonsuk73.com/, twitter: @wonsuk73
> -----------------------------------------
> Inspire the World, Create the Future !!!
> =========================================

Received on Monday, 1 April 2013 05:05:29 UTC