Una calculadora de relación de aspecto te ayuda a mantener las proporciones al redimensionar imágenes, videos y componentes de interfaz. Ingresa el ancho y alto para obtener la relación simplificada (como 1920x1080 → 16:9), o establece un nuevo ancho o alto y calcula la dimensión faltante. Los desarrolladores la usan para evitar medios estirados, prevenir cambios de diseño (layout shift) y documentar tamaños estándar en sistemas de diseño.
Es la relación proporcional entre ancho y alto. 16:9 significa que el ancho es de 16 unidades por cada 9 unidades de alto.
Sí. 1920:1080 se simplifica a 16:9. Simplificar relaciones facilita la comparación de recursos de diferentes tamaños.
Estás forzando valores de ancho y alto que no coinciden con la relación de aspecto original. Mantén la relación o usa object-fit para recortar/contener.
Reserva espacio en el diseño antes de que el contenido multimedia cargue, mejorando la estabilidad del layout (reduciendo CLS).
Sí. Te ayuda a elegir nuevas dimensiones de codificación que preserven la relación original.
1.777... es la relación decimal (ancho/alto). 16:9 es la forma fraccionaria simplificada.
A veces. Si redimensionas a anchos que no se dividen de forma exacta, puedes obtener resultados fraccionarios. Redondea intencionalmente según tus restricciones.
Especifica atributos width/height o usa CSS aspect-ratio para que el navegador reserve espacio antes de que la imagen cargue.
smalldev.tools ya no está disponible. Prism de SWEDevTools ofrece las mismas herramientas para desarrolladores y más, con soporte offline, encadenamiento de pipelines y uso completamente gratuito — sin necesidad de registrarse.