Del curso: Diseño web responsive: Imágenes
Accede al curso completo hoy mismo
Únete hoy para acceder a más de 24.100 cursos impartidos por expertos del sector.
Detectando densidad de pixels por pulgada usando x
Del curso: Diseño web responsive: Imágenes
Detectando densidad de pixels por pulgada usando x
(Hombre) Sabemos que a la hora de trabajar con SRCC tenemos diferentes atributos que podemos incluir para indicarle al navegador lo grande que es una imagen. Tenemos por un lado el atributo W para definir el ancho y también tenemos el atributo descriptor X para indicar la densidad de pixel de la pantalla. Si he dejado un poco de lado esta última opción, es porque por norma habitual suele emplearse más el primero y además recuerda que es muy importante no usar los dos a la vez para evitar problemas. Generalmente, se usa el atributo del ancho porque es mucho más entendible de cara construir también el CSS asociado nuestro documento HTML, de todas formas, con el atributo X, en vez de hablar de anchos hablariamos de densidades de píxel. Esta imagen para pantallas con una densidad de 1X, esta otra imagen para pantallas con densidad 2X, y así, tantas como nosotros hubiesemos preparado en nuestro programa de diseño, las hubiesemos guardado y las estuviesemos incluyendo y enlazando dentro el…
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
-
-
(Bloqueado)
Cuándo y cómo usar etiquetado responsive2 min 34 s
-
(Bloqueado)
Preparando imágenes para su uso en entornos responsive7 min 2 s
-
(Bloqueado)
Opciones de exportación y optimización de archivos SVG5 min 7 s
-
(Bloqueado)
Exportación y optimización de archivos PNG y GIF6 min 32 s
-
(Bloqueado)
Más opciones de optimización3 min 51 s
-
(Bloqueado)
Uso de srcset y w5 min 30 s
-
(Bloqueado)
Uso de sizes6 min 45 s
-
(Bloqueado)
Ejemplo de layouts avanzados usando srcset y sizes6 min 20 s
-
(Bloqueado)
Detectando densidad de pixels por pulgada usando x4 min 44 s
-
(Bloqueado)
-