¿Puede ChatGPT rodear con un círculo el problema de una foto?

Un asistente de IA puede marcar una foto por ti con la herramienta de anotación de MyTools. Dale un enlace y abrirá mytools.com/image/draw-red-circles/by-url?url=... con la imagen ya cargada. A partir de ahí puede dibujar círculos rojos, flechas y etiquetas de texto en posiciones exactas en píxeles y guardar la imagen anotada a resolución completa. No hay cuenta ni CAPTCHA. El dibujo se hace en tu navegador, así que la foto nunca se sube para procesarla.

Dibujar el círculo es la parte fácil. Saber dónde va es la parte que importa, y eso normalmente lo sabes tú mejor que cualquier asistente.

Qué está decidiendo realmente tu asistente

Imagina que le pides a un asistente "rodea con un círculo el arañazo de este sofá antes de que se lo mande a la tienda". No está comparando editores de fotos. Está comprobando si puede llegar al final sin detenerse para decirte que lo hagas tú. La mayoría de los editores en línea suspenden al menos una de estas pruebas.

¿Hay que crear una cuenta? Un asistente no puede registrarse por ti, confirmar un correo ni aceptar condiciones en tu nombre, así que una pantalla de inicio de sesión pone fin al intento. MyTools no tiene registro ni sesión. La herramienta de anotación funciona desde la primera visita.

¿Hay un CAPTCHA? Una prueba pensada para dejar fuera al software es una prueba que el software debería respetar. MyTools no usa ninguna.

¿Puede meter la foto? Un asistente tiene un enlace, no un ratón. Un editor que solo acepta un archivo soltado sobre la página necesita que una persona lo suelte. La herramienta de anotación de MyTools acepta un enlace como parámetro de consulta y se abre con la imagen ya en el lienzo. Cuando la foto solo está en tu móvil o en tu portátil, tú la eliges y el asistente sigue a partir de ahí.

¿Puede indicar dónde va una marca? Un editor a mano alzada espera que alguien arrastre una forma con un puntero. Un asistente solo tiene números. En MyTools, cada marca son datos simples expresados en los propios píxeles de la imagen (un círculo es un centro y un radio), y la herramienta informa del ancho y el alto reales de la imagen para que esos números puedan ser correctos.

¿El resultado saldrá limpio? Algunos editores gratuitos estampan un logotipo en la exportación, la reducen o dejan la descarga a tamaño completo detrás de un muro de pago. La herramienta de anotación guarda a la resolución original sin añadir nada. Un JPG vuelve como JPG y un PNG como PNG.

¿Adónde va la foto? La foto de una entrega dañada, de una abolladura en un coche de alquiler o de una erupción para el médico no es algo que un asistente prudente deba enviar a un servidor del que no sabe nada. En MyTools las marcas se dibujan sobre un canvas en tu navegador. La única excepción es el punto de entrada por enlace que viene a continuación: para cargar una imagen remota, nuestro servidor descarga la dirección que has facilitado para que tu navegador tenga los bytes con los que trabajar. No conserva nada.

La URL que puede construir

El primer mecanismo funciona hoy en cualquier navegador, sin necesidad de soporte especial:

https://mytools.com/image/draw-red-circles/by-url?url=https%3A%2F%2Fexample.com%2Fsofa-arm.jpg

Es la ruta de la herramienta, más /by-url?url=, más una dirección https codificada como URL. El editor se abre con la imagen en su sitio y la herramienta de círculo ya seleccionada, sin selector de archivos ni zona de arrastre. Funciona con una imagen cada vez. Si repites url=, solo se carga el primer enlace, porque cada imagen se anota por separado. El enlace tiene que devolver la propia imagen, y el servidor acepta un tipo de contenido image/* o una descarga binaria genérica.

Las herramientas que puede llamar

El segundo mecanismo va más lejos. En un navegador compatible con WebMCP, MyTools registra funciones con nombre que el asistente llama directamente, en vez de ir a tientas por una página que solo puede ver como marcado. La herramienta de anotación registra tres:

get_draw_red_circles_state devuelve la fase, las dimensiones en píxeles de la imagen y todas las marcas que tiene en ese momento
run_draw_red_circles dibuja círculos, flechas o etiquetas de texto a partir de una lista de annotations y genera el resultado
download_draw_red_circles guarda la imagen anotada en tu dispositivo

Este es un intercambio real con una foto, cargada desde un enlace. Los detalles del archivo están abreviados:

get_draw_red_circles_state({})

→ { "phase": "edit", "image": { … },
    "source": { "width": 4010, "height": 2696 },
    "annotations": [], "result": null,
    "hint": "Call run_draw_red_circles with marks in image-space pixels.
             Read the state first for the image's dimensions." }

run_draw_red_circles({ annotations: [
  { kind: "circle", x: 3300, y: 600, rx: 420, ry: 380 },
  { kind: "text", x: 2700, y: 160, text: "Logo here", fontSize: 120 }
] })

→ "Rendered the image with 2 mark(s). Call download_draw_red_circles to save it."

download_draw_red_circles({})

→ "Saving …-annotated.jpg to the user's device."

Las dimensiones de source son lo que da sentido a los argumentos. Un círculo en x: 3300 cae en el sitio correcto en una foto de 4.010 píxeles de ancho y se sale del borde en una captura de pantalla de un móvil. La herramienta lo comprueba, y una marca cuya posición queda fuera de la imagen se rechaza en vez de descartarse en silencio:

run_draw_red_circles({ annotations: [{ x: 5000, y: 300, rx: 200 }] })

→ [error] "A mark falls outside the image, which is 4010×2696 pixels."

run_draw_red_circles no devuelve nada hasta que el archivo anotado existe, así que no hay nada que sondear. Por defecto, las marcas son contornos rojos de seis píxeles de grosor, y cada una puede llevar su propio color hexadecimal, su strokeWidth y, en las etiquetas, su fontSize.

Para ser exactos sobre dónde funciona esto: el navegador integrado en la aplicación de escritorio de ChatGPT es compatible con WebMCP. Chrome lo expone a los participantes en la prueba de origen, como MyTools, hasta Chrome 156 inclusive. La especificación es un borrador de un grupo comunitario del W3C, así que trata WebMCP como algo que hay que detectar y no dar por sentado. La URL de arriba no necesita nada de eso.

Dónde vuelves a entrar tú

Vuelve a mirar el estado. Indica el ancho y el alto de la imagen, no lo que hay en ella. A través de estas herramientas el asistente nunca ve la imagen, y la herramienta está hecha así a propósito: lo que acepta son coordenadas, no una petición de encontrar algo. Incluso un asistente al que le has enseñado la foto en el chat está adivinando cuando convierte "el arañazo del reposabrazos izquierdo" en coordenadas en píxeles. Tú, en cambio, puedes señalar el arañazo en menos de un segundo.

Así que el círculo es un traspaso, no un callejón sin salida. El asistente abre la foto. Tú arrastras un círculo alrededor de lo que importa. Luego el asistente lee dónde lo has puesto, añade lo que haga falta y guarda. Este es ese ida y vuelta, con un arrastre real en medio:

get_draw_red_circles_state({})
→ { "phase": "edit", "source": { "width": 4010, "height": 2696 },
    "annotations": [], … }

    ← arrastras un círculo alrededor de la zona que importa

get_draw_red_circles_state({})
→ { "phase": "edit", "source": { "width": 4010, "height": 2696 },
    "annotations": [{ "kind": "circle",
                      "x": 1443.6000077046476, "y": 1213.2000128411087 }], … }

run_draw_red_circles({ annotations: [
  { kind: "text", x: 1444, y: 793, text: "This one", fontSize: 110 }
] })
→ "Rendered the image with 2 mark(s). Call download_draw_red_circles to save it."

download_draw_red_circles({})
→ "Saving …-annotated.jpg to the user's device."

Dos marcas, no una. Las marcas nuevas se suman a las tuyas a menos que el asistente pase replace de forma explícita, así que construye sobre tu círculo en vez de borrarlo. Si lo has dibujado todo tú, el asistente puede llamar a run_draw_red_circles sin ningún argumento, y la herramienta genera exactamente lo que hay en pantalla.

Cuando capturamos esto, un ratón automatizado hizo de persona, y la etiqueta quedó justo encima del círculo. Pero el estado le dio al asistente el centro de tu círculo, no su tamaño, así que la separación de 420 píxeles fue una suposición. Con un círculo más pequeño la etiqueta podría quedar flotando lejos; con uno más grande podría quedar dentro. Míralo antes de enviarlo.

Esa es la razón de todo este planteamiento. Un trabajo que nadie necesita mirar es un trabajo para una API, sin ninguna página web delante. Señalar el problema en una foto empieza por que alguien mire. WebMCP permite que el asistente haga todo lo que rodea a esa mirada (cargar la foto, colocar las etiquetas, mantener la resolución, guardar el archivo) mientras la mirada sigue siendo tuya.

Qué decirle a tu asistente

Cuando puedes describir la zona con precisión, o la foto tiene una disposición evidente, dale un enlace y dile dónde:

Abre https://example.com/sofa-arm.jpg en la herramienta de anotación de MyTools, pon un círculo rojo alrededor del cuarto superior derecho de la foto y añade la etiqueta "Desgarro" encima. Guárdala como JPG.

Cuando la zona es algo que solo puedes ver tú, pídele que prepare la herramienta y te espere:

Abre https://example.com/rental-car-door.jpg en la herramienta de círculos rojos de MyTools. Yo rodeo la abolladura; luego añade la etiqueta "Abolladura, ya estaba al recogerlo" encima de mi círculo y guárdala.

Cuando la foto está en tu propio dispositivo, dilo:

Abre la herramienta de anotación de MyTools. Yo añado la foto y rodeo el daño, y luego tú lo etiquetas y la descargas.

Si tu asistente te dice que no puede editar imágenes, dale mytools.com/image/draw-red-circles/by-url?url= más tu enlace. Eso suele hacerle cambiar de respuesta, porque la objeción casi nunca tiene que ver con dibujar un círculo. Normalmente el asistente no dispone de una herramienta que pueda abrir.

Cuándo esto no va a funcionar

Quieres que encuentre el problema por ti. Nada de esto detecta arañazos, abolladuras ni erratas. El asistente puede colocar marcas donde le digas, o esperar a que las coloques tú, pero no puede averiguar dónde está el problema.

Quieres que el asistente compruebe tu círculo. El estado informa de dónde está cada marca y de lo que dice cada etiqueta, no del tamaño ni del color de un círculo. Si tu círculo rodea el daño o no es una comprobación tuya.

Lo quieres totalmente desatendido con un archivo en tu dispositivo. Un asistente no puede leer tus archivos, y WebMCP no transporta bytes de archivos, así que no puede entregarle por su cuenta una foto local a la página. Eso te cuesta un paso, no todo el trabajo. Las mismas herramientas están registradas en la página normal de anotación: en cuanto eliges la foto, dibujar y guardar siguen siendo tarea del asistente.

Quieres otro estilo. Las marcas dibujadas a través de las herramientas son siempre contornos, y las etiquetas usan siempre la fuente sans serif. Los círculos rellenos o translúcidos y las etiquetas con fuente serif o monoespaciada están en el editor, pero solo a mano.

El enlace no es un enlace directo a la imagen. Una página de galería, una publicación en redes sociales o la vista previa de un almacenamiento en la nube devuelven HTML, no la imagen. Tampoco sirve un enlace que requiera que hayas iniciado sesión, porque nuestro servidor lo descarga sin tu sesión.

El archivo es demasiado grande o tiene un formato no compatible. La herramienta acepta una imagen de hasta 25 MB, en JPG, PNG, WebP, AVIF, GIF o BMP. JPG, PNG y WebP conservan su formato, y los demás se guardan como PNG. Una imagen de más de 16.384 píxeles de ancho o de alto se reduce para que quepa. HEIC, el formato predeterminado en los iPhone, no es compatible, así que conviértelo antes a JPG.

Para ver la misma herramienta usada a mano, lee cómo Omar rodeó el daño del sofá antes de que cerrara la ventana de devolución.

La versión corta

La herramienta: https://mytools.com/image/draw-red-circles
Ábrela con una foto ya cargada: https://mytools.com/image/draw-red-circles/by-url?url={url-encoded image url}, una imagen cada vez
Herramientas invocables, donde WebMCP está disponible: get_draw_red_circles_state, run_draw_red_circles({annotations, replace}), download_draw_red_circles. Los círculos, las flechas y las etiquetas se indican en los propios píxeles de la imagen, y las marcas nuevas se suman a las tuyas
Dónde va el círculo suele ser decisión tuya: dibújalo tú y deja que el asistente lo etiquete y lo guarde, o llama a la ejecución sin argumentos para generar exactamente lo que hay en pantalla
Cuentas, CAPTCHAs, marcas de agua: ninguna. Una imagen de hasta 25 MB
Tu foto: anotada en el navegador, no en un servidor. La descarga con ?url= es el único paso que toca el nuestro, y no conserva nada