Calculadora de relación de aspecto
Introduce las medidas originales y modifica el ancho o alto de destino. Obtendrás dimensiones con la misma proporción y un fragmento CSS.
Se ejecuta localmente en tu navegador ·
16:9
Introduce las medidas originales y modifica el ancho o alto de destino. Obtendrás dimensiones con la misma proporción y un fragmento CSS.
Se ejecuta localmente en tu navegadorCalculadora de relación de aspecto forma parte de las generadores CSS de KivTools. El taller de arriba resuelve todo el trabajo en una sola pantalla: las opciones que marcas en el formulario y después un resultado de texto listo para copiar.
La conversión se ejecuta dentro de la página con JavaScript. Nada de lo que escribes se sube, la herramienta sigue funcionando sin conexión y sirve para datos que no puedes enviar a un tercero.
La maquetación web es aritmética más reglas de sentido común: los valores interactúan, las unidades se heredan y el soporte cambia entre motores. Estos generadores convierten una intención visual en una declaración lista para pegar y muestran el efecto antes de llegar a la hoja de estilos.
Una declaración que aguanta un ancho puede romperse en otro, sobre todo dentro de un contenedor flex o grid que cambia de tamaño. Prueba en estrecho y en ancho antes de fijar el valor.
Navegadores, herramientas de escritorio y utilidades de línea de comandos deberían coincidir; una diferencia suele indicar otra codificación, otra configuración regional u otra versión. Comprueba la declaración generada en el inspector, sobre el elemento real: una vista previa en un contenedor neutro esconde restricciones heredadas.
Las funciones CSS recientes no están en todas partes; mantén una línea de reserva para los navegadores de tu público en vez de depender siempre de la sintaxis más nueva. Guarda una copia de la entrada mientras pruebas, para que un ajuste equivocado no destruya el original.
Acepta anchura y altura de origen, una medida objetivo o un preset; devuelve relación reducida, tamaño proporcional, decimal, aspect-ratio y padding CSS.
Escalar capturas sin distorsión, calcular medidas de vídeo o miniaturas y crear contenedores multimedia adaptables coherentes.
Los cálculos y el CSS se generan localmente con JavaScript en el navegador; no se transmite ningún dato.
Conserva proporciones, pero no redimensiona archivos ni decide cómo recortar contenido para una relación diferente.
Sí. Todas las herramientas de KivTools son gratuitas, no piden cuenta ni tienen cuota. No hay plan de pago escondido detrás del taller ni hace falta un correo para usar el resultado.
En tu navegador. El script se carga una vez y la conversión ocurre en tu equipo; por eso la herramienta sigue funcionando cuando se cae la red.
Acepta anchura y altura de origen, una medida objetivo o un preset; devuelve relación reducida, tamaño proporcional, decimal, aspect-ratio y padding CSS. Las entradas grandes suelen ir bien; para volúmenes extremos es mejor una herramienta local de línea de comandos.
El soporte del navegador decide la utilidad: comprueba la función en los motores que usa tu público. Compara primero una muestra pequeña y conocida si el resultado alimenta un proceso automático.
El resultado es tuyo: sin marca de agua, sin etiqueta de licencia y sin atribución obligatoria. Solo revisa la licencia del formato de base si va dentro de un producto.
La página funciona en cualquier navegador móvil moderno y pasa a una sola columna en pantallas pequeñas. Las herramientas locales siguen funcionando sin conexión una vez cargada la página.