Ajustar imagem a um canvas sem cortar
Encaixe uma imagem inteira em dimensões exatas sem nunca cortá-la: ela é reduzida para caber no canvas, centralizada, com faixas de cor para preencher o espaço restante.
Como funciona
Alguns formatos obrigatórios (banner, espaço publicitário, modelo de diagramação) exigem dimensões exatas em pixels, mas cortar uma imagem para alcançá-las muitas vezes elimina parte do conteúdo. Esta ferramenta reduz a imagem (sem nunca ampliá-la além do tamanho original nem deformá-la) para que ela caiba inteiramente nas dimensões desejadas e, em seguida, centraliza o resultado sobre um fundo da cor escolhida.
Qual é a diferença em relação a um simples redimensionamento?
Um redimensionamento comum para dimensões exatas deforma a imagem se a proporção dela não corresponder à proporção desejada. Aqui, a proporção original é sempre respeitada: a imagem inteira continua visível, mesmo que isso deixe faixas de cor nas laterais (letterbox/pillarbox) em vez de esticá-la.
O que acontece se minha imagem for menor que o canvas desejado?
Se a imagem já for menor que as dimensões desejadas nos dois sentidos, ela pode ser ampliada para preencher da melhor forma o espaço disponível, respeitando sua proporção; caso contrário (pelo menos uma dimensão grande demais), ela é reduzida proporcionalmente.
Processamento 100% local: a disposição no canvas é calculada diretamente no seu navegador por meio da API Canvas — sua imagem nunca é enviada a um servidor.