O que os desenvolvedores que querem usar imagens responsivas podem fazer? Vamos abordar o estado atual, como imagem, img src, srcset etc., e incluir sugestões sobre a direção da arte.
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2024-08-09 UTC.
[null,null,["Última atualização 2024-08-09 UTC."],[[["Developers can leverage modern techniques like the `\u003cpicture\u003e` element, `srcset`, and `sizes` attributes on `\u003cimg\u003e` tags to create truly responsive images that adapt to different screen sizes and resolutions."],["Art direction in responsive images involves serving different image crops or variations based on the user's viewport, ensuring optimal visual appeal and content clarity on any device."],["While the current state of responsive images offers many options, developers must thoughtfully consider the balance between performance and user experience to deliver the best possible results."]]],["Developers seeking responsive images can utilize several methods. The discussion will cover the current landscape of techniques, including the `\u003cpicture\u003e` element, `\u003cimg\u003e` tag with `src`, and `srcset` attribute. Additionally, the information will include guidance on employing art direction to tailor images for various screen sizes and resolutions. The provided information is for the current use of responsive images.\n"]]