Imagens responsivas, imagens fluidas | Scene7

Estamos projetando nosso site usando técnicas de design responsivo. Quais são as nossas opções em relação às imagens do Scene7?

Solução

Siga estas recomendações para imagens responsivas no Scene7:

Certifique-se de que as imagens tenham pelo menos 2000 pixels na dimensão mais longa. Tamanhos de imagem típicos variam de 1500 a 2500 pixels na dimensão mais longa. Use formatos de imagem sem perdas, incluindo arquivos TIFF e PNG. Se você usar uma imagem JPEG, use as configurações de mais alta qualidade.

Se você fizer upload de imagens de alta qualidade, elas serão exibidas em boa qualidade para todos os dispositivos. A tecnologia Scene7 pode ajudar com design responsivo, pois você pode fornecer a largura, a altura e a qualidade na chamada de imagem.

Usando as técnicas de programação da Web desejadas, você pode codificar sua página da Web para solicitar uma imagem usando as configurações apropriadas para o tamanho de tela atual.

Aqui está um exemplo de URL: http://s7g4.scene7.com/is/image/TechSupportEU/Backpack_B?wid=1000&qlt=70

Observe a diferença no tamanho em KB da imagem se você alterar o tamanho ou a qualidade.

Não é necessário adicionar muito peso da página solicitando imagens de alta resolução. O peso da página total é uma preocupação se você já tiver implementado um design realmente responsivo.

Você pode ler mais informações sobre o uso de diferentes tamanhos de imagem e configurações de qualidade aqui:

http://blog.netvlies.nl/design-interactie/retina-revolution/ http://filamentgroup.com/lab/rwd_img_compression/

Além disso, aqui está um whitepaper do RWD usando o Scene7 da Crown Partners:

http://www.crownpartners.com/news/adobe-scene7-responsive-web-design

URL direto do PDF: http://www.crownpartners.com/sites/all/files/Adobe%20Scene7%20For%20Responsive%20Design.pdf