Examples of using Srcset in Spanish and their translations into English
{-}
-
Colloquial
-
Official
Mejora img con srcset en dispositivos de muchos PPP.
También puedes usar el atributo sizes junto con el atributo srcset.
You can also use the optional AMP sizes attribute along with srcset.El selector srcset basado en DPR(x) también funciona;
NOTE- The DPR(x) based srcset selector also works;Para lograr esto,usaremos los atributos media y srcset del elemento source.
To achieve this,we will use the media and srcset attributes of the source element.En una imagen srcset, tendríamos un lenguaje de marcado como este.
In a srcset image, we would have some markup like this.Es inválido mezclar ancho ydensidad del píxel en el mismo atributo srcset.
Usa srcset para proporcionar imágenes de alta resolución además de la imagen 1x en lenguaje de marcado.
Use srcset to provide high resolution images in addition to the 1x image in markup.Ahora proveeremos nuevamente diferentes fuentes, peroesta vez usando la nueva combinación de srcset y sizes en el elemento img únicamente.
Now we will provide again different sources, butthis time using the new combination of srcset and sizes in the img element only.Si no hay atributo srcset, o no contiene valores con el ancho definido, entonces el atributo sizes no funciona.
If the srcset attribute is absent, or contains no values with a width( w) descriptor, then the sizes attribute has no effect.La idea en este método es poner a disponibilidad diferentes versiones de una imagen en el atributo srcset, cada una emparejada con un descriptor que indica su ancho.
The idea in this method is to make available different versions of an image in the srcset attribute, each paired with a descriptor indicating its width.Usa srcset y el descriptor x en el elemento img para proporcionarle indicios al navegador sobre cuál es la mejor imagen cuando se deba elegir entre distintas densidades.
Use srcset and the x descriptor in the img element to give hints to the browser about the best image to use when choosing from different densities.Este atributo solo puede ser declarado si el atributo srcset está presente y tiene al menos un recurso de imagen con un descriptor de ancho.
This attribute can only be declared if the srcset attribute is present and has at least one image resource with a width descriptor.El atributo srcset mejora el comportamiento del elemento img y permite que sea más fácil proporcionar varios archivos de imagen en distintas características de dispositivos.
The srcset attribute enhances the behavior of the img element, making it easy to provide multiple image files for different device characteristics.Al incluir los tamaños disponibles de una imagen en un atributo srcset, los navegadores ahora pueden elegir descargar el tamaño más apropiado e ignorar los otros.
By including the available sizes of an image into a srcset attribute, browsers can now choose to download the most appropriate size and ignore the others.Aquí el atributo srcset se vuelve escencial a la hora de proveer el recurso de imagen, mientras que el atributo media define en qué situaciones debería ser usado cada elemento source.
Here the srcset attribute becomes essential in order to provide the image resource, while the media attribute defines in which situations each source element should be used.Para soportar SVG en navegadores que no soportan SVG, puedes tomar como referencia a un PNG oJPG desde el atributo src y usar un atributo srcset(que sólamente reconocen navegadores recientes) para hacer referencia al SVG.
For browsers that don't support SVG, you could reference a PNG orJPG from your src attribute and use a srcset attribute(which only recent browsers recognize) to reference the SVG.Cuando se admite srcset, la lista de imágenes o condiciones separadas por comas se analiza antes de realizar cualquier solicitud, y solo se descarga y se muestra la imagen más apropiada.
When srcset is supported, the comma-separated list of image/conditions is parsed prior to making any requests, and only the most appropriate image is downloaded and displayed.Los navegadores que soporten este mecanismo elegirán de entre las imágenes provistas en el atributo srcset, la que encaje mejor en la configuración del dispositivo en el que deberá ser mostrada, tomando en cuenta la información de este atributo.
Supporting browsers will pick among the images provided in the srcset attribute, the one that best fits in the configuration of the device where it must be shown in, taking into account the information in this attribute.En navegadores que soportan srcset, src es tratado como imagen candidata con una densidad del píxel 1x sino una imagen estará definida en srcset o srcset contiene ancho.
On browsers supporting Similar a la función de CSS image-set nativa a CSS, srcset permite que el navegador elija la mejor imagen según las características del dispositivo; por ejemplo, el uso de una imagen de 2x en una pantalla de 2x, o una imagen de 1x en un dispositivo de 2x(en un futuro) en una red con ancho de banda limitado.
Similar to the image-set CSS function native to CSS, srcset allows the browser to choose the best image depending on the characteristics of the device, for example using a 2x image on a 2x display, and potentially in the future, a 1x image on a 2x device when on a limited bandwidth network.
