Problema
Estamos diseñando nuestro sitio web utilizando técnicas de diseño sensibles. ¿Cuáles son nuestras opciones con respecto a las imágenes de Scene7?
Solución
Siga estas recomendaciones para obtener imágenes con capacidad de respuesta en Scene7:
Asegúrese de que las imágenes tengan al menos 2000 píxeles en la dimensión más larga. Los tamaños de imagen típicos van de 1500 a 2500 píxeles en la dimensión más larga. Utilice formatos de imagen sin pérdida, incluyendo archivos TIFF y PNG. Si utiliza una imagen JPEG, utilice los ajustes de mayor calidad.
Si sube imágenes de alta calidad, se sirven con buena calidad en todos los dispositivos. La tecnología de Scene7 puede ayudar con el diseño adaptable porque puede proporcionar la calidad de wid, hei y jpeq en la llamada de imagen.
Utilizando las técnicas de programación web que desee, puede codificar su página web para solicitar una imagen utilizando la configuración adecuada para el tamaño de pantalla actual.
Aquí hay un ejemplo URL: http://s7g4.scene7.com/is/image/TechSupportEU/Backpack_B?wid=1000&qlt=70
Observe la diferencia en el tamaño en KB de la imagen si cambia el tamaño o la calidad.
No es necesario añadir mucho peso a la página solicitando imágenes de alta resolución. El peso total de la página es una preocupación si ya ha implementado un diseño realmente sensible.
Puede leer más información sobre el uso de diferentes tamaños de imagen y ajustes de calidad aquí:
http://blog.netvlies.nl/design-interactie/retina-revolution/ http://filamentgroup.com/lab/rwd_img_compression/
Además, aquí hay un RWD que utiliza el whitepaper de Scene7 de Crown Partners:
http://www.crownpartners.com/news/adobe-scene7-responsive-web-design
PDF directo URL: http://www.crownpartners.com/sites/all/files/Adobe%20Scene7%20For%20Responsive%20Design.pdf