Problema
Stiamo progettando il nostro sito web utilizzando tecniche di progettazione reattiva. Quali sono le nostre opzioni per quanto riguarda le immagini di Scene7?
Soluzione
Segui questi consigli per immagini reattive in Scene7:
Assicurai che le immagini abbiano una dimensione minima di 2000 pixel sul lato lungo. Le dimensioni tipiche delle immagini variano da 1500 a 2500 pixel sul lato più lungo. Utilizza formati immagine lossless, compresi i file TIFF e PNG. Se utilizzi un'immagine JPEG, utilizza le impostazioni di qualità più elevate.
Se carichi immagini di alta qualità, queste vengono servite in buona qualità su tutti i dispositivi. La tecnologia Scene7 può quindi essere d'aiuto nella progettazione reattiva, in quanto è possibile fornire la qualità wid, hei e jpeq nella chiamata immagine.
Utilizzando le tecniche di programmazione web desiderate, puoi codificare la pagina web per richiedere un'immagine utilizzando le impostazioni appropriate per le dimensioni dello schermo corrente.
Ecco un esempio di URL : http://s7g4.scene7.com/is/image/TechSupportEU/Backpack_B?wid=1000&qlt=70
Si noti la differenza nelle dimensioni in KB dell'immagine se si cambia la dimensione o la qualità.
Non è necessario aggiungere molto peso alla pagina richiedendo immagini ad alta risoluzione. Il peso totale delle pagine è una preoccupazione se avete già implementato un design veramente reattivo.
Per ulteriori informazioni sull'utilizzo di immagini di diverse dimensioni e impostazioni di qualità, consulta:
http://blog.netvlies.nl/design-interactie/retina-revolution/ http://filamentgroup.com/lab/rwd_img_compression/
Inoltre, ecco un RWD che utilizza il whitepaper Scene7 di Crown Partners:
http://www.crownpartners.com/news/adobe-scene7-responsive-web-design
URL PDF diretto: http://www.crownpartners.com/sites/all/files/Adobe%20Scene7%20For%20Responsive%20Design.pdf