straighten
¿Qué son los atributos width y height?
check_circle
Especifican el ancho y alto de la imagen
check_circle
Se miden en píxeles por defecto
check_circle
Ayudan a reservar espacio mientras la imagen carga
Ventajas de especificar dimensiones
Evita el salto de contenido al cargar imágenes
Mejora la experiencia de usuario
Ayuda al navegador a renderizar más rápido
Ejemplo de código:
<img src="paisaje.jpg" width="300" height="200">
Especifica dimensiones de 300px de ancho y 200px de alto
width="300"
height="200"
image
settings
Unidades de medida
photo_size_select_small
Píxeles (px) - valor predeterminado
photo_size_select_large
Porcentaje (%) - relativo al contenedor
crop_free
Viewport (vw, vh) - relativo a la ventana
lightbulb
Consejo
Mantén la proporción de aspecto original para evitar distorsión. Es mejor redimensionar las imágenes antes de subirlas que usar HTML para cambiar su tamaño.