Images et photos · Éditeur d'images et de dessins du navigateur
Graphiques matriciels ou vectoriels : pourquoi les dessins sur une photo deviennent des pixels
· Contexte
retouche d'images toile traitement du navigateur
Les images raster sont des grilles de pixels ; les graphiques vectoriels sont des instructions pour dessiner des formes. Cet article explique la différence, pourquoi une photo ne peut être que raster et pourquoi tout ce que vous dessinez dessus hérite du même sort lors de l'exportation.
Le logo devenu flou et la photo qui n'a jamais pu être « vectorisée » : deux confusions quotidiennes avec une seule explication
Un logo flou et une photographie annotée sont souvent imputés au même problème, mais ils commencent par des types de matériaux différents. Un logo vectoriel est un ensemble d'instructions pour les tracés, les traits et les remplissages ; une photographie est un champ fini de couleurs échantillonnées. L'éditeur ouvre la photo sous la forme d'un bitmap raster de la taille d'une toile, de sorte que son monde de travail est déjà une grille de pixels avant qu'une ligne ou un rectangle ne soit dessiné.
Dessinez un cadre sur la photo, exportez-la et zoomez sur le bord. Le résultat est une image raster dont l'annotation occupe des pixels à côté de la photographie. Comparez ce fichier avec un SVG original avec une taille d'affichage plus grande et la distinction devient visible : l'agrandissement de l'export rééchantillonne sa grille, tandis que l'agrandissement du SVG recalcule son chemin. Cet éditeur ne transforme pas le premier objet en second.
Raster : une grille de cellules colorées – comment PNG, JPEG et WebP stockent les images et pourquoi la mise à l'échelle invente les pixels
Les images raster enregistrent la couleur à des positions dans une grille. PNG, JPEG et WebP diffèrent par leur encodage et leur compression, mais l'image exportée est toujours résolue en pixels lorsqu'elle est affichée. Une limite d'un pixel, une courbe anti-crénelée et une petite légende sont tous des échantillons finis dans l'image finale. La mise à l'échelle du fichier vers le haut nécessite un processus d'interpolation pour estimer des échantillons supplémentaires ; il ne récupère pas une instruction de dessin originale.
Cette limitation est importante lorsqu'une annotation doit rester nette dans plusieurs tailles. Une légende de capture d'écran destinée à un affichage fixe peut parfaitement convenir à une exportation raster, tandis qu'une marque de marque destinée aux panneaux, à l'impression et à plusieurs interfaces devrait normalement rester disponible en tant qu'élément vectoriel. Utilisez l'éditeur pour l'image composite, et non comme substitut à l'illustration source qui doit être mise à l'échelle indépendamment.
Vecteur : formes décrites mathématiquement – tracés, traits et remplissages dans des formats tels que SVG, et pourquoi ils évoluent sans perte
Les vecteurs décrivent la géométrie plutôt que de stocker chaque pixel affiché. Un chemin SVG peut spécifier une courbe, une largeur de trait, un remplissage et une transformation ; un moteur de rendu calcule ensuite les pixels appropriés à la taille actuelle. C'est pourquoi une même marque simple peut rester nette lorsqu'elle est placée à plusieurs dimensions. L'explication est un arrière-plan au niveau du format, et non une affirmation selon laquelle cet éditeur émet ou conserve de telles instructions.
L'éditeur de navigateur utilise temporairement les informations géométriques pour les gestes de lignes et de formes, ce qui permet à un aperçu de suivre le pointeur avant de le relâcher. Une fois le geste terminé, le résultat est peint sur une couche raster. Exportez les couches visibles et appelle canvas.toBlob pour PNG, JPEG ou WebP. Il n'y a pas d'exportation SVG ou de document de projet vectoriel dans ce chemin, donc la géométrie ne survit pas en tant qu'objet indépendant.
Pourquoi les photographies sont raster par nature : les capteurs capturent des échantillons, pas des formes, et aucun changement de conversion qui
Les photographies sont des données raster, car une caméra enregistre des échantillons de lumière à travers un capteur et stocke ces échantillons sous forme de données d'image. Décrire une photographie sous forme de vecteurs nécessiterait une interprétation qui remplace sa texture, son bruit, ses ombres et ses détails irréguliers par des formes inventées. La mise à l'échelle ou l'exportation différente peut modifier la grille, mais aucune des deux opérations ne modifie le type d'informations contenues dans la capture d'origine.
Cette distinction explique également pourquoi une photo et un logo peuvent coexister dans une même retouche sans devenir la même chose. Le logo peut commencer comme vecteur ailleurs, mais après avoir été dessiné sur une photo raster dans cet éditeur, le résultat combiné est une grille de pixels. Conservez le logo original séparément lorsque sa réutilisation future est importante et traitez l'exportation du navigateur comme l'image finale pour son objectif actuel.
Dessiner sur un raster : ce que fait l'éditeur : les annotations peuvent être des formes pendant que vous modifiez, mais l'image exportée est une grille unique
Lors d'un geste, les outils de ligne et de forme peuvent se comporter comme des instructions géométriques compactes : l'éditeur connaît le point de départ, le point final, le contour et l'aperçu actuel. Lors de la sortie, ces instructions sont restituées dans une couche raster. Les marques de pinceau sont de la peinture tramée au fur et à mesure de leur création, et le texte est tramé lors du placement plutôt que conservé en tant qu'objet texte mobile. La session offre donc une certaine commodité sans pour autant promettre une modification ultérieure au niveau de l'objet.
L'exportation rend la limite explicite. Les couches raster visibles sont regroupées dans un seul canevas, puis codées sous la forme PNG, JPEG ou WebP via le navigateur. La réouverture de ce fichier vous donne la photo et les marques sous forme de pixels ordinaires ; il ne donne pas au destinataire un rectangle sélectionnable, un chemin réutilisable ou une légende modifiable. Conservez la session en couches ou les ressources source si vous devez modifier l'annotation plutôt que de simplement partager l'image.
Choisir le bon type pour le travail : quand demander un logo vectoriel et quand une exportation raster est exactement ce que vous souhaitez
Choisissez un élément vectoriel lorsque la marque elle-même doit voyager : un logo nécessite plusieurs tailles, un diagramme peut être révisé ou un symbole doit être placé sur plusieurs arrière-plans. Choisissez une exportation raster lorsque l'objectif est une capture d'écran prête à être partagée, une épreuve avec une légende ou une photographie contenant une note visible. La bonne décision découle de l’utilisation suivante et non de la conviction qu’un format est toujours supérieur.
L'éditeur d'images et de dessins du navigateur convient à la deuxième catégorie. Il peut placer des marques de pinceau, de ligne, de rectangle, d'ellipse et de texte raster sur une photo, puis exporter le composite sous forme de fichier raster. Il ne peut pas générer de SVG ni conserver un modèle d'objet vectoriel. Si un client demande le logo en tant qu'actif indépendant, revenez à la source vectorielle d'origine au lieu d'extraire une version plus grande des pixels modifiés.
À retenir : sachez lequel vous tenez – comment l'éditeur d'images et de dessins du navigateur modifie les images raster et exporte les images raster, de par sa conception.
Le modèle mental fiable est simple : l'éditeur peut utiliser la géométrie pour décrire un geste, mais le document et son export sont des images raster. Chaque couche de photographie et d'éditeur ouverte possède une grille de pixels finie. L'agrandissement de cette grille rééchantillonne les informations existantes et l'exportation compose les couches visibles dans un autre raster. Aucune étape de ce flux de travail ne crée un chemin vectoriel réutilisable à partir d'une ligne déjà devenue des pixels.
Vérifiez le type de fichier et le destinataire prévu avant de dessiner. Si le destinataire a besoin de visualiser une image terminée, exportez le raster et inspectez ses bords à la taille d'affichage réelle. Si le destinataire a besoin de modifier des marques, de recolorer un logo ou de redimensionner une illustration à plusieurs reprises, fournissez une source vectorielle ou en couches appropriée. Cette distinction évite qu’une exportation techniquement valable soit confondue avec un autre type de livrable.