Budgets de mémoire Canvas pour les captures d'écran longues : pourquoi les limites changent selon l'appareil

Une capture d'écran de 1 000 × 20 000 contient 20 millions de pixels. Dans un canevas RGBA non compressé, le tampon de pixels bruts à lui seul représente environ 80 millions d'octets avant que les canevas temporaires, les images sources décodées, les instantanés annulés, les données PDF et la surcharge du navigateur ne soient comptés. La taille du fichier sur le disque est donc une mauvaise estimation de la mémoire d'édition.

Capture d'écran version PDF 0.0.13 utilise des budgets de pixels et d'historique adaptés aux appareils pour réduire les pannes sur les systèmes à faible mémoire tout en conservant plus de détails et de capacité d'annulation sur les appareils plus puissants. Cet article explique ces valeurs actuelles et le raisonnement que les utilisateurs peuvent appliquer à n'importe quel flux de travail d'images basé sur un navigateur.

Les pixels, et non les mégaoctets compressés, déterminent le coût de Canvas

PNG et JPEG compressent des informations visuelles répétées ou prévisibles. Un PNG de 4 Mo peut se développer en un tampon de pixels beaucoup plus grand après le décodage. Le premier calcul pour une capture d'écran est :

pixel area = width × height

Une estimation approximative du tampon de la limite inférieure est :

RGBA bytes = width × height × 4

À 32 millions de pixels, un tampon brut représente environ 128 Mo. Une opération du navigateur peut conserver temporairement l'image décodée, le canevas de destination, le canevas recadré, l'aperçu et l'état d'annulation en même temps. L'utilisation réelle de la mémoire dépend de l'implémentation et du navigateur. La formule constitue donc un guide de planification plutôt qu'une promesse.

Budgets de pixels actuels du PDF

L'éditeur lit l'indice navigator.deviceMemory du navigateur lorsqu'il est disponible et suppose par ailleurs une valeur moyenne conservatrice. Ses limites de pixels Canvas sont :

| Mémoire de l'appareil signalée | Budget en pixels de la toile | | --- | --- : | | 2 Go ou moins | 20 000 000 | | Jusqu'à 4 Go | 32 000 000 | | Jusqu'à 8 Go | 48 000 000 | | Plus de 8 Go | 64 000 000 |

La valeur du navigateur est grossière et n’est pas universellement disponible. Il ne faut pas l’interpréter comme une mesure précise de la RAM libre. Le budget est un garde-fou, pas une note de référence.

Comment les images surdimensionnées sont mises à l'échelle

Lorsqu'une image téléchargée dépasse le budget de pixels sélectionné, l'éditeur calcule une échelle en utilisant la racine carrée du rapport de surface autorisée :

scale = √(pixel budget ÷ source pixel area)

La largeur et la hauteur sont multipliées par cette échelle. Cela préserve le rapport hauteur/largeur tout en réduisant la surface totale du budget. Par exemple, diviser par deux les deux dimensions réduit la surface des pixels à un quart.

La mise à l'échelle empêche une seule image d'allouer un canevas illimité, mais elle réduit également les détails de la source. Le petit texte de l'interface et les lignes fines doivent être inspectés à 100 % dans l'aperçu PDF. S'ils deviennent difficiles à lire, divisez la source en sections plus étroites ou plus courtes au lieu d'augmenter de manière répétée la qualité de la compression.

L'historique des annotations a son propre coût

Les instantanés annulés peuvent dupliquer un grand canevas. Screenshot PDF adapte donc la profondeur de l'historique :

• les très grandes toiles ou les appareils rapportant 2 Go conservent deux instantanés ;
• les toiles de plus de 12 millions de pixels ou les appareils jusqu'à 4 Go en conservent trois ;
• les cas typiques de milieu de gamme en gardent quatre ;
• les appareils rapportant au moins 8 Go peuvent en conserver jusqu'à six.

Les URL d'objets plus anciennes sont révoquées lorsque les instantanés sont expulsés. Cela limite les ressources conservées du navigateur sans altérer le document actuel. Les utilisateurs doivent toujours exporter ou enregistrer le travail important plutôt que de traiter l’historique des annulations comme un stockage persistant.

Les dimensions peuvent échouer avant la surface totale

Les navigateurs et les backends graphiques peuvent imposer une largeur ou une hauteur maximale du canevas en plus de la surface totale en pixels. Le chemin d'assemblage du PDF de capture d'écran applique une dimension maximale distincte avant le budget de zone. Les images extrêmement étroites et hautes peuvent atteindre une limite dimensionnelle même lorsque leur superficie totale semble raisonnable.

Les versions du navigateur, la configuration du GPU, le système d'exploitation et la mémoire disponible influencent le comportement réel. Le tutoriel Canvas de MDN décrit l'API, mais ne fournit pas de maximum universellement sûr pour tous les environnements.

Symptômes de pression sur la mémoire

• l'image se décode mais l'aperçu reste vide ;
• La création du canevas renvoie un contexte inutilisable ;
• l'onglet du navigateur se recharge ou ne répond plus ;
• les annotations deviennent lentes car les instantanés sont volumineux ;
• La génération du PDF échoue alors que l'image originale s'affiche toujours ;
• le navigateur signale un manque de mémoire ou une erreur d'allocation.

Ces symptômes n'indiquent pas automatiquement un fichier corrompu. Reproduisez avec une copie plus petite, fermez les onglets lourds sans rapport et enregistrez les dimensions source et le contexte de l'appareil.

Des moyens plus sûrs pour manipuler des matériaux très longs

1. Capturez les sections nommées avec un chevauchement visible.
2. Affinez la fenêtre d'affichage afin d'exclure les barres latérales non pertinentes, mais assurez-vous que le texte reste lisible.
3. Utilisez l'exportation officielle du service source lorsqu'il préserve la structure ou les métadonnées.
4. Évitez les modifications répétées inutiles sur un canevas de taille maximale.
5. Conservez l'image originale jusqu'à ce que le PDF passe l'inspection.
6. Ouvrez le PDF exporté dans une deuxième visionneuse avant de supprimer tout fichier intermédiaire.

Pour les reçus, les recherches ou les preuves à l’appui, les fichiers sectionnels peuvent être plus clairs qu’une énorme image. Utilisez des noms déterministes tels que part-01, part-02 et enregistrez les limites de chevauchement ou de section.

Un rapport de capacité reproductible

Lorsque vous signalez un problème, indiquez la largeur et la hauteur de la source, la taille du fichier compressé, les versions du navigateur et de l'extension, le niveau de mémoire de l'appareil signalé si disponible, l'opération tentée et les plus petites dimensions qui reproduisent l'échec. Ne joignez pas de captures d'écran privées lorsqu'une image synthétique peut démontrer le même comportement d'allocation.

Les limites adaptatives ne signifient pas que chaque appareil d’un niveau se comporte de manière identique. Il s'agit d'un compromis explicite entre les détails, la stabilité et la capacité d'annulation. Comprendre le calcul des pixels aide les utilisateurs à choisir une capture plus petite et plus claire avant que le navigateur n'atteigne une limite irrécupérable.