Examples of using Srcset in English and their translations into Spanish
{-}
-
Colloquial
-
Official
Enhance img s with srcset for high DPI devices.
In a srcset image, we would have some markup like this.
En una imagen srcset, tendríamos un lenguaje de marcado como este.NOTE- The DPR(x) based srcset selector also works;
El selector srcset basado en DPR(x) también funciona;You can also use the optional AMP sizes attribute along with srcset.
También puedes usar el atributo sizes junto con el atributo srcset.To achieve this,we will use the media and srcset attributes of the source element.
Para lograr esto,usaremos los atributos media y srcset del elemento source.Use srcset to provide high resolution images in addition to the 1x image in markup.
Usa srcset para proporcionar imágenes de alta resolución además de la imagen 1x en lenguaje de marcado.Tools exists to generate and serve srcset breakpoints.
If the srcset attribute is absent, or contains no values with a width( w) descriptor, then the sizes attribute has no effect.
Si no hay atributo srcset, o no contiene valores con el ancho definido, entonces el atributo sizes no funciona.Now we will provide again different sources, butthis time using the new combination of srcset and sizes in the img element only.
Ahora proveeremos nuevamente diferentes fuentes, peroesta vez usando la nueva combinación de srcset y sizes en el elemento img únicamente.On browsers that don't support srcset, the browser simply uses the default image file specified by the src attribute.
En navegadores que no son compatibles con srcset, el navegador simplemente usa el archivo de imagen predeterminado especificado por el atributo src.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.
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.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.
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.This attribute can only be declared if the srcset attribute is present and has at least one image resource with a width descriptor.
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.The srcset attribute enhances the behavior of the img element, making it easy to provide multiple image files for different device characteristics.
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.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.
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.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.
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.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.
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.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.
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.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.
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.On browsers supporting srcset, src is treated like a candidate image with a pixel density descriptor 1x unless an image with this pixel density descriptor is already defined in srcset, or unless srcset contains' w'descriptors.
En navegadores que soportan 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.
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.
