Modification d'images dans votre navigateur

Tout se passe sur votre appareil

La plupart des éditeurs d'images en ligne téléchargent votre photo sur un serveur, la traitent là-bas et renvoient le résultat. Cela signifie qu’une copie de votre image se trouve sur la machine de quelqu’un d’autre, sous réserve de sa politique de conservation et de sa sécurité.

Cet éditeur ne fonctionne pas de cette façon. Votre navigateur contient déjà un pipeline d'images complet : il peut décoder un JPEG, vous remettre les pixels, vous permettre de dessiner dessus et encoder un nouveau fichier. Cet outil est une interface utilisateur sur ce pipeline. L'image est lue depuis votre disque vers la mémoire, modifiée en mémoire et réécrite sur votre disque.

La conséquence pratique est que l’outil fonctionne hors ligne une fois chargé, n’a aucune limite de téléchargement au-delà de la mémoire de votre appareil et ne peut pas divulguer votre image car il ne la transmet jamais. Notre suite de tests inclut une vérification qu'aucun fichier source ne contient d'appel réseau, de sorte que la revendication est appliquée plutôt que simplement affirmée.

Départ : une toile vierge ou une image existante

Choisissez une largeur et une hauteur pour une toile vierge ou ouvrez un fichier PNG, JPEG ou WebP depuis votre appareil. L'ouverture d'une image remplace le document actuel, exportez donc d'abord tout ce que vous souhaitez conserver.

Les très grandes images sont réduites automatiquement et l'outil vous indique quand il l'a fait. Il ne s’agit pas d’une restriction arbitraire. Une photographie de 50 mégapixels a besoin d'environ 200 MB en pixels bruts dans une toile, et une deuxième copie pour la sortie double ce chiffre. Sur un téléphone, le dépassement de la limite ne génère pas d'erreur détectable : le navigateur rend une toile vierge ou le système d'exploitation tue l'onglet. Réduire d'abord l'image est la différence entre un éditeur fonctionnel et un crash.

Dessiner et pourquoi le toucher fonctionne correctement ici

Les outils pinceau, gomme, ligne, rectangle, ellipse et texte fonctionnent tous de la même manière avec une souris, un trackpad, un doigt ou un stylet, car l'éditeur écoute les événements de pointeur unifiés plutôt que des gestionnaires de souris et de toucher séparés.

Un détail rend le dessin tactile utilisable plutôt que frustrant : le canevas déclare qu'il gère ses propres gestes, donc un doigt glissé dessus dessine au lieu de faire défiler la page. Les éditeurs qui omettent cela sont presque inutilisables sur un téléphone, car chaque coup de pinceau combat le navigateur pour le contrôle. La page défile toujours normalement partout en dehors du canevas.

Les événements de pointeur arrivent également moins souvent que l'écran ne s'actualise, de sorte qu'un trait rapide est signalé comme une poignée de points largement espacés. L'éditeur comble les espaces entre eux, c'est pourquoi une ligne rapide apparaît solide plutôt que sous la forme d'une rangée de points.

Annuler et la mémoire que cela coûte

Chaque trait, forme et transformation est une étape d’annulation. Annulez et refaites un travail depuis la barre d'outils ou avec les raccourcis clavier habituels.

L’histoire est volontairement limitée. Chaque étape conserve une copie des pixels modifiés, et sur une grande image de plusieurs dizaines de mégaoctets par étape. Un historique illimité est l'un des moyens les plus rapides d'épuiser la mémoire d'un téléphone. Cet éditeur limite donc l'historique en fonction du nombre d'étapes et de leur taille totale, en supprimant d'abord la plus ancienne. La ligne d'état indique la quantité actuellement conservée.

Il s’agit d’un échange délibéré : une histoire moins profonde en échange d’un éditeur qui ne meurt pas au milieu d’une session.

Couches, délibérément petites

Les calques vous permettent de conserver une annotation séparée de la photo située en dessous, afin que vous puissiez l'ajuster ou la supprimer sans toucher aux pixels d'origine. Vous pouvez ajouter, sélectionner, renommer par position, réorganiser, masquer, définir l'opacité, fusionner et aplatir.

Ce qui est ici est un petit modèle de couche raster, et il s'arrête là volontairement. Les modes de fusion, les masques de calque, les groupes, les calques de réglage et les transformations non destructives ne sont pas implémentés. Ces caractéristiques distinguent un outil de dessin d’un compositeur professionnel, et une version à moitié fonctionnelle est pire que leur honnête absence. La page des limitations répertorie exactement ce qui manque.

Chaque couche contient un bitmap en taille réelle, de sorte que les couches coûtent de la mémoire directement proportionnellement à leur nombre. Le plafond est de douze.

Exportation

PNG est sans perte et conserve la transparence : le bon choix pour les dessins, diagrammes et captures d’écran. JPEG est beaucoup plus petit pour les photographies mais ne peut pas stocker la transparence et perd un peu en qualité à chaque fois qu'il est enregistré. WebP fait bien les deux tâches et produit des fichiers plus petits que JPEG avec une qualité comparable.

Si votre image comporte des zones transparentes et que vous choisissez JPEG, l'éditeur vous prévient avant de sauvegarder et remplit la transparence de blanc plutôt que de laisser le navigateur choisir une couleur, qui est parfois du noir.

Le fichier exporté est produit dans la page et enregistré directement dans votre dossier de téléchargements.

Questions

Limites

• Les calques sont uniquement raster : pas de modes de fusion, de masques, de groupes, de calques de réglage ou de transformations non destructives.
• Les grandes images sont réduites pour s'adapter à la limite de canevas de l'appareil, de sorte que l'éditeur n'est pas adapté au travail en pleine résolution sur de très grandes photographies.
• L'historique d'annulation est limité par la taille et le nombre de pas, donc une longue session ne conservera pas chaque étape.
• Rien n'est enregistré entre les sessions. La fermeture de l'onglet supprime le document.
• Pas de support RAW, HEIC, TIFF, GIF ou SVG : l'éditeur gère uniquement les PNG, JPEG et WebP.
• Pas de gestion des couleurs. Les images sont traitées dans l’espace colorimétrique par défaut du navigateur, de sorte qu’un profil ICC intégré peut ne pas être conservé.