Editar imágenes en su navegador

Todo sucede en tu dispositivo

La mayoría de los editores de imágenes en línea cargan su imagen en un servidor, la procesan allí y envían el resultado. Eso significa que una copia de su imagen se encuentra en la máquina de otra persona, sujeta a su política de retención y su seguridad.

Este editor no funciona de esa manera. Su navegador ya contiene un canal de imágenes completo: puede decodificar un JPEG, entregarle los píxeles, permitirle dibujar en ellos y codificar un nuevo archivo. Esta herramienta es una interfaz de usuario sobre ese canal. La imagen se lee desde su disco a la memoria, se edita en la memoria y se vuelve a escribir en su disco.

La consecuencia práctica es que la herramienta funciona sin conexión una vez cargada, no tiene límite de carga más allá de la memoria de su dispositivo y no puede filtrar su imagen porque nunca la transmite. Nuestro conjunto de pruebas incluye una verificación de que ningún archivo fuente contenga una llamada de red, por lo que la afirmación se aplica en lugar de simplemente afirmarse.

Inicio: un lienzo en blanco o una imagen existente

Elija un ancho y alto para un lienzo en blanco, o abra un PNG, JPEG o WebP desde su dispositivo. Al abrir una imagen se reemplaza el documento actual, así que primero exporte todo lo que desee conservar.

Las imágenes muy grandes se reducen automáticamente y la herramienta te avisa cuando lo ha hecho. Esta no es una restricción arbitraria. Una fotografía de 50 megapíxeles necesita aproximadamente 200 MB como píxeles sin procesar en un lienzo, y una segunda copia para el resultado duplica esa cantidad. En un teléfono, exceder el límite no genera un error detectable: el navegador devuelve un lienzo en blanco o el sistema operativo cierra la pestaña. Reducir la imagen primero es la diferencia entre un editor que funciona y un fallo.

Dibujar y por qué el tacto funciona correctamente aquí

Las herramientas de pincel, borrador, línea, rectángulo, elipse y texto funcionan de la misma manera con un mouse, un trackpad, un dedo o un lápiz, porque el editor escucha eventos de puntero unificados en lugar de controladores táctiles y de mouse separados.

Un detalle hace que el dibujo táctil sea utilizable en lugar de frustrante: el lienzo declara que maneja sus propios gestos, por lo que un dedo arrastrado por él dibuja en lugar de desplazarse por la página. Los editores que omiten esto son casi inutilizables en un teléfono, porque cada trazo lucha contra el navegador por el control. La página todavía se desplaza normalmente por todas partes fuera del lienzo.

Los eventos de puntero también llegan con menos frecuencia que las actualizaciones de la pantalla, por lo que un trazo rápido se informa como un puñado de puntos muy espaciados. El editor rellena los espacios entre ellos, por lo que una línea rápida aparece sólida en lugar de una fila de puntos.

Deshacer, y la memoria que cuesta

Cada trazo, forma y transformación es un paso de deshacer. Deshacer y rehacer trabajos desde la barra de herramientas o con los atajos de teclado habituales.

La historia está limitada a un propósito. Cada paso conserva una copia de los píxeles que cambió y, en una imagen grande, de decenas de megabytes por paso. Un historial ilimitado es una de las formas más rápidas de agotar la memoria de un teléfono, por lo que este editor limita el historial tanto por el número de pasos como por su tamaño total, descartando primero los más antiguos. La línea de estado muestra cuánto se retiene actualmente.

Se trata de un intercambio deliberado: una historia menos profunda a cambio de un editor que no muere a mitad de una sesión.

Capas, mantenidas deliberadamente pequeñas

Las capas te permiten mantener una anotación separada de la fotografía que se encuentra debajo, para que puedas ajustarla o eliminarla sin tocar los píxeles originales. Puede agregar, seleccionar, cambiar el nombre por posición, reordenar, ocultar, establecer la opacidad, fusionar y aplanar.

Lo que hay aquí es un pequeño modelo de capa ráster y se detiene allí a propósito. No se implementan modos de fusión, máscaras de capa, grupos, capas de ajuste y transformaciones no destructivas. Esas características son las que separan a una herramienta de dibujo de un compositor profesional, y una versión a medio funcionar de ellas es peor que su simple ausencia. La página de limitaciones enumera exactamente lo que falta.

Cada capa contiene un mapa de bits de tamaño completo, por lo que las capas cuestan memoria en proporción directa a su número. El límite es doce.

Exportando

PNG no tiene pérdidas y mantiene la transparencia: la elección correcta para dibujos, diagramas y capturas de pantalla. JPEG es mucho más pequeño para fotografías pero no puede almacenar transparencias y pierde un poco de calidad cada vez que se guarda. WebP hace bien ambos trabajos y produce archivos más pequeños que JPEG con una calidad comparable.

Si su imagen tiene áreas transparentes y elige JPEG, el editor le avisa antes de guardarla y rellena la transparencia con blanco en lugar de dejar que el navegador elija un color, que a veces es negro.

El archivo exportado se genera en la página y se guarda directamente en su carpeta de descargas.

Preguntas

Limitaciones

• Las capas son solo rasterizadas: sin modos de fusión, máscaras, grupos, capas de ajuste ni transformaciones no destructivas.
• Las imágenes grandes se reducen para ajustarse al límite del lienzo del dispositivo, por lo que el editor no es adecuado para trabajos de resolución completa en fotografías muy grandes.
• El historial de deshacer está limitado por el tamaño y el número de pasos, por lo que una sesión larga no retendrá todos los pasos.
• No se guarda nada entre sesiones. Al cerrar la pestaña se descarta el documento.
• No es compatible con RAW, HEIC, TIFF, GIF o SVG: el editor solo maneja PNG, JPEG y WebP.
• Sin gestión de color. Las imágenes se tratan en el espacio de color predeterminado del navegador, por lo que es posible que no se conserve un perfil ICC integrado.