Pubblicato il Lascia un commento

Immagini responsive fluide adattative

Le soluzioni per gestire le immagini responsive (responsive images):

  1. Fluide (fluid images) – tramite CSS (max-width:100%)
  2. Adattative o adattive (adaptive images) – tramite individuazione tipo display client+server/side
  3. Tag img (attributi srcset e sizes) (supporto browser)
  4. Tag picture – soprattutto per ottenere la tecnica detta “art direction” (supporto browser)

 

 

Supporto browser

Dato che entrambe le soluzioni srcset e picture sono mal supportati dai browser, c’è un modo per ovviare il problema tramite Javascript:
Libreria Picturefill: http://scottjehl.github.io/picturefill/

 

 

Fonte

https://immediaonline.it/it/blog/immagini-responsive-approcci-e-tecniche-di-implementazione/

http://www.html.it/pag/49077/lelemento-picture/

Lascia un commento

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.