Une foto e assinatura em um unico JPG
Formularios que exigem foto e assinatura em uma unica imagem costumam limitar o arquivo a 20 ou 50 KB. Esta ferramenta resolve tudo de uma vez: une foto e assinatura, define dimensoes exatas em pixels, estabelece um limite de bytes e verifica o que passou antes de baixar.
Os dois tipos de layout.
Os dois diagramas mostram os mesmos dois arquivos de origem organizados em uma tela de saida. O cinza e a regiao da foto, que recorta para preencher. O branco e a regiao da assinatura, que ajusta a assinatura inteira para caber.
Como unir sua foto e assinatura.
Adicione os dois arquivos
Foto a esquerda, assinatura a direita. Cada espaco mostra as dimensoes de origem para que voce possa identificar uma miniatura 48x48 antes de perder tempo. Um scan de mesa a 300 dpi da assinatura e melhor que uma foto de celular.
Escolha o layout e enquadre a foto
Empilhado ou lado a lado, depois ajuste a proporcao da assinatura. Abra o enquadramento da foto para dar zoom e deslocar a foto dentro do quadro.
Limpe a assinatura
Cortar remove o papel em branco ao redor dos tracados. Clarear leva o fundo do scan ao branco puro. Ambos sao caixas de selecao, portanto desmarcar e o desfazer.
Verifique e baixe
O painel de verificacoes compara o arquivo renderizado com a largura, altura e limite de bytes que voce digitou. Confirme que as quatro linhas mostram uma marca e baixe.
Defina dimensoes e tamanho maximo de arquivo.
Unir foto e assinatura com dimensoes personalizadas e a parte que a maioria das ferramentas faz ao contrario. Elas redimensionam para atingir um tamanho de arquivo, o que quebra silenciosamente o requisito de dimensao fornecido. Esta ferramenta trata suas dimensoes em pixels como fixas e gasta qualidade para atingir o objetivo de bytes.
Como o objetivo de tamanho e atingido
A qualidade JPEG nao corresponde linearmente ao tamanho do arquivo. A ferramenta codifica uma vez na qualidade 95 e verifica a contagem de bytes. Se ja couber, para. Caso contrario, realiza oito passagens de pesquisa binaria entre qualidade 35 e 95. Uma juncao 600x800 no predefinido de 50 KB geralmente fica em torno de qualidade 60 a 75.
Quando o objetivo nao pode ser atingido
Em vez de devolver um arquivo grande demais, a ferramenta indica o tamanho minimo medido. Voce obtem o tamanho exato que conseguiu na qualidade utilizavel mais baixa, e um botao separado para reduzir as dimensoes.
Escolher dimensoes quando o formulario e vago
Se as instrucoes derem tamanho fisico em vez de pixels, multiplique milimetros pelo dpi necessario e divida por 25,4. Uma foto 35x45 mm a 300 dpi e 413x531 px. Formularios que nao especificam nada geralmente aceitam entre 200x230 e 600x800.
Verifique a imagem antes de baixar.
Juncao basica, dimensoes personalizadas e limites de KB nao sao incomuns. O que esta ferramenta adiciona e um painel que compara o arquivo renderizado com os requisitos que voce digitou, antes de confirmar o download.
- Largura e altura. Confirma que a saida tem exatamente o tamanho em pixels solicitado.
- Teto de bytes. Mostra o tamanho do arquivo medido em relacao ao seu limite, em kilobytes.
- JPG real. Confirma que o tipo MIME do blob e image/jpeg. Os portais leem o cabecalho do arquivo, nao a extensao.
- Assinatura em 1:1. Renderiza a regiao da assinatura em pixels de saida reais do JPG codificado.
Por que a visualizacao de assinatura 1:1 importa
Uma visualizacao reduzida esconde exatamente a falha que voce precisa detectar. Um tracado de assinatura de dois pixels de largura parece solido em uma miniatura e sai de uma codificacao de 20 KB como uma linha cinza pontilhada.
O que esta ferramenta nao pode verificar
Dimensoes, bytes e formato sao mensuraveis no navegador, portanto sao verificados. Todo o resto em uma lista de verificacao tipica de inscricao nao e. Pose, expressao e se a assinatura corresponde a registrada sao julgamentos humanos.
Tudo e executado localmente
Fotos de identidade e assinaturas de amostra sao os dois arquivos que mais vale a pena manter fora dos servidores de terceiros. Ambas as imagens sao decodificadas com URLs de objeto, compostas em uma tela e codificadas com toBlob. Nenhuma etapa dessa cadeia faz uma requisicao de rede.
Unir mais de duas imagens?
Empilhe qualquer numero de imagens verticalmente, lado a lado ou em grade com controle total de layout.
JPG JoinerPrecisa de um tamanho de pixel especifico?
Redimensione um unico arquivo para dimensoes exatas antes ou depois de unir.
Resize ImageComprimir arquivos separadamente?
Comprima uma foto e uma assinatura como dois arquivos quando o formulario quiser uploads separados.
Compress JPGPerguntas frequentes.
Como combino minha foto e assinatura em um unico JPG?
Adicione sua foto no espaco esquerdo e sua assinatura no espaco direito, depois escolha se a assinatura fica abaixo ou ao lado da foto. O JPG combinado e gerado imediatamente e atualiza cada vez que voce muda um ajuste. O layout empilhado e o que a maioria dos formularios espera. Defina largura e altura em pixels, escolha um tamanho maximo e baixe. Nada e enviado em nenhum momento.
Posso manter a imagem combinada abaixo de 50 KB?
Geralmente sim. Selecione o predefinido de 50 KB e a ferramenta buscara a melhor qualidade JPG que ainda ocupe menos de 51.200 bytes. Realiza oito passagens de pesquisa binaria entre qualidade 35 e 95. Uma juncao 600x800 geralmente fica entre qualidade 60 e 75.
Como defino as dimensoes de saida?
Digite a largura e a altura em pixels nas duas caixas abaixo dos controles de layout. O intervalo aceito e de 50 a 5000 px por lado. A foto preenche sua regiao com um ajuste de cobertura. A assinatura se comporta de forma diferente: ela se ajusta inteiramente dentro de sua regiao e nunca e recortada.
Minha foto ou assinatura sera enviada?
Nao. Ambas as imagens sao lidas com o FileReader do navegador e URLs de objeto, desenhadas em um elemento canvas e codificadas com canvas.toBlob. Nenhuma dessas etapas envolve uma requisicao de rede. Verifique voce mesmo com F12 na aba Rede.
Por que minha assinatura parece quebrada apos a compressao?
A compressao JPEG trabalha em blocos de 8x8 pixels e codifica eficientemente a mudanca de tom gradual, o oposto do que e uma assinatura. Tracados escuros finos em papel branco sao bordas de alto contraste. Duas solucoes: de mais espaco a assinatura com o controle deslizante e ative a opcao de clarear o papel.
E se minha inscricao pedir dois arquivos separados?
Entao nao os una. Muitos portais tem campos de upload separados para foto e assinatura com limites de tamanho diferentes. Esta pagina e para o outro caso, onde o formulario pede uma unica imagem contendo ambas.
A limpeza da assinatura altera meu arquivo original?
Nao, e e totalmente reversivel. Cortar e clarear sao aplicados a uma copia desenhada em uma tela separada. Desmarque qualquer caixa e o proximo render usa o scan original.
Quais formatos de imagem posso usar?
JPG, PNG e WebP para ambos os espacos. A saida e sempre JPG, pois e o que a grande maioria dos portais aceita. Renomear um PNG para .jpg nao funciona: os portais leem o cabecalho real do arquivo.