Software Público Brasileiro

Precisamos alinhar com a agência algumas questões sobre as imagens nos conteúdos criados.

Problema:

• Muitas imagens ficam ilegíveis em dispositivos mobile/tablet.
• Os dispositivos móveis carregam imagens desnecessariamente grandes. Com imagens responsivas podemos entregar imagens em tamanhos menores sem perder qualidade nem significado.

Solução: utilizarmos o atributo srcset em 'img' ou 'picture' (HTML5).

Referência:

• http://alistapart.com/article/responsive-images-in-practice
• Compatibilidade de browsers: http://caniuse.com/#feat=srcset
• Pollyfill (deixar compatível p/ browsers que ainda não suportam): http://scottjehl.github.io/picturefill/