Una vez que se selecciona la opción de tamaños, puede permitir que el navegador conozca el tamaño de esta imagen en relación con el diseño del sitio utilizando el campo <em>Sizes</em>. Para imagen de un héroe, que siempre llena toda la pantalla, simplemente puedes introducir 100vw (que significa el 100% del ancho de la ventana de visualización). Para una imagen que llena el 90% de la pantalla para ventanas pequeñas, pero sólo llena el 40% de la pantalla cuando la ventana es mayor que 40em (normalmente 640px), puedes insertar "(min-width: 40em) 40vw, 90vw" en el campo Sizes. El último elemento de la lista separada por comas es la más pequeña de las ventanas de visualización: los otros elementos de la lista separada por comas deberían tener una condición de medio vinculada con un ancho de imagen. <em>Las condiciones multimedia</em> son similares a una media query, a menudo un ancho mínimo asociado con un ancho de ventana de visualización utilizando unidades em o px: p. (Ancho mínimo: 640 px) o (anchura min: 40em). Esto se empareja con el <em>ancho de la imagen</em> en ese tamaño de la ventana de visualización usando unidades px, em o vw. La unidad vw es el ancho de la ventana de visualización y se utiliza en lugar de un porcentaje porque el porcentaje siempre se refiere al ancho de toda la ventana gráfica.