Calculadora de proporção de imagem
Informe as dimensões originais e altere a largura ou altura desejada. O resultado traz medidas proporcionais e um trecho CSS.
Funciona localmente no seu navegador ·
16:9
Informe as dimensões originais e altere a largura ou altura desejada. O resultado traz medidas proporcionais e um trecho CSS.
Funciona localmente no seu navegadorCalculadora de proporção de imagem faz parte das geradores CSS do KivTools. A bancada acima resolve todo o trabalho em uma única tela: as opções que você marca no formulário e depois um resultado de texto pronto para copiar.
A conversão roda dentro da página, em JavaScript. Nada do que você digita é enviado, a ferramenta continua funcionando offline e serve para dados que você não pode mandar para terceiros.
Layout no navegador é aritmética mais regras de bom senso: valores interagem, unidades são herdadas e o suporte varia entre motores. Estes geradores traduzem uma intenção visual em uma declaração pronta para colar e mostram o efeito antes de chegar ao stylesheet.
Uma declaração que funciona em uma largura pode quebrar em outra, principalmente dentro de um contêiner flex ou grid que muda de tamanho. Teste em tela estreita e larga antes de fixar o valor.
Navegadores, programas de desktop e utilitários de linha de comando devem concordar; diferenças normalmente indicam outra codificação, outro idioma ou outra versão. Confira a declaração gerada no inspetor, no elemento real: uma prévia em contêiner neutro esconde restrições herdadas.
Recursos CSS recentes não estão em todo lugar; mantenha uma linha de fallback para os navegadores do seu público em vez de depender sempre da sintaxe mais nova. Guarde uma cópia da entrada enquanto testa, para que um ajuste errado nunca destrua o original.
Aceita largura e altura de origem, uma dimensão alvo ou preset; retorna proporção reduzida, tamanho proporcional, decimal, aspect-ratio e padding CSS.
Escalar capturas sem distorção, calcular tamanhos de vídeo ou miniaturas e criar contêineres de mídia responsivos consistentes.
Todos os cálculos e a geração de CSS são locais no JavaScript do navegador; nenhum dado é transmitido.
Preserva proporções, mas não redimensiona arquivos nem decide como cortar conteúdo para uma proporção diferente.
Sim. Todas as ferramentas do KivTools são gratuitas, não exigem conta e não têm cota. Não existe plano pago escondido atrás da bancada nem e-mail obrigatório para usar o resultado.
No seu navegador. O script é carregado uma vez e a conversão acontece na sua máquina; é por isso que a ferramenta continua funcionando quando a rede cai.
Aceita largura e altura de origem, uma dimensão alvo ou preset; retorna proporção reduzida, tamanho proporcional, decimal, aspect-ratio e padding CSS. Entradas grandes costumam passar sem problema; para volumes extremos, uma ferramenta local de linha de comando é mais adequada.
O suporte do navegador decide a utilidade: verifique o recurso nos motores que seu público usa. Compare antes uma amostra pequena e conhecida quando o resultado alimenta um processo automático.
O resultado é seu: sem marca d’água, sem etiqueta de licença e sem exigência de atribuição. Apenas verifique a licença do formato de base quando ele for para um produto.
A página funciona em qualquer navegador móvel moderno e passa para uma coluna em telas pequenas. As ferramentas locais continuam funcionando offline depois que a página carrega.