Une la foto y la firma en un solo JPG
Los formularios que piden foto y firma en una sola imagen suelen limitar el archivo a 20 o 50 KB. Esta herramienta lo resuelve: une foto y firma, establece dimensiones exactas en pixeles, fija un limite de bytes y comprueba que todo pasa antes de descargar.
Los dos tipos de diseno.
Ambos diagramas muestran los mismos dos archivos de origen organizados en un lienzo de salida. El gris es la region de la foto, que recorta para rellenar. El blanco es la region de la firma, que escala la firma completa para que quepa.
Como unir la foto y la firma.
Agrega ambos archivos
Foto a la izquierda, firma a la derecha. Cada espacio muestra las dimensiones de origen para que puedas detectar una miniatura de 48x48 antes de perder tiempo. Un escaneo plano a 300 ppp de la firma supera a la foto del movil, sobre todo porque no hay gradiente de sombra en el papel.
Elige el diseno y encuadra la foto
Apilado o en paralelo, luego ajusta el porcentaje de la firma. Abre el encuadre de la foto para acercar y desplazar la foto dentro de su cuadro. Esto importa cuando la fuente es una foto ancha del movil y el cuadro de salida es vertical.
Limpia la firma
Recortar elimina el papel en blanco alrededor de los trazos para que la firma llene su region. Aclarar lleva el fondo del escaneo a blanco puro. Ambas son casillas de verificacion, asi que desmarcarlas es el deshacer.
Comprueba y descarga
El panel de comprobaciones compara el archivo renderizado con el ancho, alto y limite de bytes que introdujiste. Confirma que las cuatro lineas muestran una marca y descarga. El diseno y los limites se recuerdan para el siguiente formulario.
Establece dimensiones y un tamano maximo de archivo.
Unir foto y firma con dimensiones personalizadas es la parte que la mayoria de las herramientas hacen al reves. Redimensionan para alcanzar un tamano de archivo, lo que rompe silenciosamente el requisito de dimension que te dieron. Esta herramienta trata tus dimensiones en pixeles como fijas y gasta calidad para alcanzar el objetivo de bytes en su lugar.
Como se alcanza el objetivo de tamano
La calidad JPEG no se corresponde linealmente con el tamano del archivo, por lo que no puedes calcular el ajuste correcto. La herramienta codifica una vez a calidad 95 y comprueba el recuento de bytes. Si ya cabe, se detiene. Si no, realiza ocho pasadas de una busqueda binaria entre calidad 35 y 95. Una combinacion de 600x800 en el ajuste preestablecido de 50 KB suele quedar alrededor de calidad 60 a 75.
Cuando no se puede alcanzar el objetivo
En lugar de devolver un archivo demasiado grande y dejar que el portal lo rechace, la herramienta indica el tamano minimo medido. Recibes el tamano exacto que logro con la calidad utilizable mas baja, y un boton separado para reducir las dimensiones si decides que ese intercambio es aceptable.
Elegir dimensiones cuando el formulario es impreciso
Si las instrucciones dan tamano fisico en lugar de pixeles, multiplica los milimetros por los ppp requeridos y divide entre 25.4. Una foto de 35x45 mm a 300 ppp son 413x531 px. Los formularios que no especifican nada suelen aceptar entre 200x230 y 600x800.
Comprueba la imagen antes de descargar.
La fusion basica, las dimensiones personalizadas y los limites de KB no son inusuales. Lo que agrega esta herramienta es un panel que compara el archivo renderizado con los requisitos que escribiste, antes de comprometerte con la descarga.
- Ancho y alto. Confirma que la salida tiene exactamente el tamano en pixeles que pediste.
- Limite de bytes. Muestra el tamano de archivo medido frente a tu limite, en kilobytes.
- JPG real. Confirma que el tipo MIME del blob es image/jpeg. Los portales leen el encabezado del archivo, no la extension.
- Firma en 1:1. Renderiza la region de la firma en pixeles de salida reales desde el JPG codificado.
Por que importa la vista de firma 1:1
Una vista previa reducida oculta exactamente el fallo que necesitas detectar. Un trazo de firma de dos pixeles de ancho parece solido en una miniatura y sale de una codificacion de 20 KB como una linea gris punteada. Ver la region en el tamano de salida real es la unica comprobacion fiable.
Lo que esta herramienta no puede verificar
Las dimensiones, los bytes y el formato son medibles en el navegador, por lo que se comprueban. Todo lo demas en una lista de verificacion de solicitud tipica no lo es. La pose, la expresion y si la firma coincide con la registrada son juicios humanos.
Todo se ejecuta localmente
Las fotos de identidad y las firmas de muestra son los dos archivos que mas vale la pena mantener fuera de los servidores de otros. Ambas imagenes se decodifican con URLs de objeto, se componen en un lienzo y se codifican con toBlob. Ningun paso de esa cadena realiza una solicitud de red.
Unir mas de dos imagenes?
Apila cualquier numero de imagenes verticalmente, en paralelo o en cuadricula con control total de diseno.
JPG JoinerNecesitas un tamano de pixel especifico?
Escala un solo archivo a dimensiones exactas antes o despues de unir, con la relacion de aspecto bloqueada.
Resize ImageComprimir archivos por separado?
Comprime una foto y una firma como dos archivos cuando el formulario requiere subirlos por separado.
Compress JPGPreguntas frecuentes.
Como combino mi foto y mi firma en un solo JPG?
Anade tu foto al espacio izquierdo y tu firma al espacio derecho. Luego elige si la firma se coloca debajo o al lado de la foto. El JPG combinado se genera inmediatamente y se actualiza cada vez que cambias un ajuste. La disposicion apilada es la que esperan la mayoria de los formularios, ya que la franja de la firma recorre la parte inferior. La disposicion en paralelo funciona cuando el formulario requiere una imagen horizontal. Establece el ancho y la altura en pixeles, elige un tamano maximo si el formulario lo especifica y descarga. No se sube ningun archivo. La combinacion se realiza en un lienzo HTML dentro de tu navegador.
Puedo mantener la imagen combinada por debajo de 50 KB?
Normalmente si. Selecciona el ajuste de 50 KB y la herramienta buscara la mejor calidad JPG que aun ocupe menos de 51.200 bytes, manteniendo fijas las dimensiones. Realiza ocho pasadas de una busqueda binaria entre calidad 35 y 95. Una combinacion de 600x800 suele quedar entre calidad 60 y 75. El problema surge con dimensiones grandes: pedir 50 KB para 2000x2600 px no es posible sin bloques visibles.
Como configuro las dimensiones de salida?
Escribe el ancho y alto en pixeles en los dos cuadros bajo los controles de diseno. El rango aceptado es de 50 a 5000 px por lado. La foto llena su region mediante un ajuste de cobertura, lo que significa que se recorta en lugar de aplastarse. La firma se comporta de manera diferente: se escala para caber completamente dentro de su region y nunca se recorta.
Se subira mi foto o firma?
No. Ambas imagenes se leen con el FileReader del navegador y URLs de objeto, se dibujan en un elemento de lienzo y se codifican con canvas.toBlob. Ninguno de esos pasos implica una solicitud de red. Puedes verificarlo tu mismo: abre las herramientas de desarrollador con F12, ve a la pestana Red y observa. Veras cero solicitudes salientes con datos de imagen.
Por que mi firma parece rota o desvanecida despues de la compresion?
La compresion JPG trabaja en bloques de 8x8 pixeles y codifica eficientemente el cambio de tono gradual, lo contrario de lo que es una firma. Los trazos oscuros delgados sobre papel blanco son bordes de alto contraste. Dos soluciones: primero, da mas espacio a la firma con el control deslizante. Segundo, activa la opcion de aclarar papel, que lleva el fondo del escaneo a blanco puro y profundiza la tinta.
Que pasa si mi solicitud pide dos archivos separados?
Entonces no los combines. Muchos portales tienen campos de carga separados para foto y firma con diferentes limites de tamano. Combinarlos en esa situacion hara que se rechace el envio. Lee las instrucciones antes de combinar nada. Esta pagina es para el otro caso, donde el formulario pide una sola imagen que contenga ambas.
La limpieza de la firma cambia mi archivo original?
No, y es completamente reversible. El recorte y el aclarado se aplican a una copia dibujada en un lienzo separado, por lo que el archivo que seleccionaste no se toca en el disco. Desmarca cualquier casilla y el siguiente renderizado usa el escaneo original. Recortar escanea los pixeles con luminancia inferior a 190 para encontrar el cuadro delimitador de la tinta.
Que formatos de imagen puedo usar para la foto y la firma?
JPG, PNG y WebP para ambos espacios. Una foto del movil de una firma sobre papel blanco funciona, aunque un escaneo plano a 300 ppp da bordes mas limpios. La salida siempre es JPG, porque eso es lo que acepta la gran mayoria de los portales de solicitud. Renombrar un PNG a .jpg no funciona: los portales leen el encabezado real del archivo.