Orçamentos de memória do Canvas para capturas de tela longas: por que os limites mudam por dispositivo
Uma captura de tela de 1.000 × 20.000 contém 20 milhões de pixels. Em um Canvas RGBA não compactado, o buffer de pixel bruto sozinho tem aproximadamente 80 milhões de bytes antes que telas temporárias, imagens de origem decodificadas, instantâneos de desfazer, dados PDF e sobrecarga do navegador sejam contados. O tamanho do arquivo no disco é, portanto, uma estimativa ruim da memória de edição.
A versão em PDF da captura de tela 0.0.13 usa pixels com reconhecimento de dispositivo e orçamentos de histórico para reduzir travamentos em sistemas com pouca memória, ao mesmo tempo que retém mais detalhes e capacidade de desfazer em dispositivos mais potentes. Este artigo explica esses valores atuais e o raciocínio que os usuários podem aplicar a qualquer fluxo de trabalho de imagem baseado em navegador.
Pixels, e não megabytes compactados, impulsionam o custo do Canvas
PNG e JPEG compactam informações visuais repetidas ou previsíveis. Um PNG de 4 MB pode se expandir para um buffer de pixels muito maior após a decodificação. O primeiro cálculo para uma captura de tela é:
pixel area = width × height
Uma estimativa aproximada do buffer de limite inferior é:
RGBA bytes = width × height × 4
Com 32 milhões de pixels, um buffer bruto tem cerca de 128 MB. Uma operação do navegador pode reter temporariamente a imagem decodificada, o Canvas de destino, o Canvas cortado, a visualização e o estado de desfazer ao mesmo tempo. O uso real da memória depende da implementação e do navegador, portanto a fórmula é uma orientação de planejamento e não uma promessa.
Orçamentos atuais de pixels em PDF da captura de tela
O editor lê a dica navigator.deviceMemory do navegador quando disponível e assume um valor médio conservador. Seus limites de pixels do Canvas são:
| Memória do dispositivo relatada | Orçamento de pixels de tela | | --- | ---: | | 2 GB ou menos | 20.000.000 | | Até 4 GB | 32.000.000 | | Até 8 GB | 48.000.000 | | Mais de 8 GB | 64.000.000 |
O valor do navegador é grosseiro e não está disponível universalmente. Não deve ser interpretado como uma medida precisa de RAM livre. O orçamento é uma proteção, não uma pontuação de referência.
Como as imagens superdimensionadas são dimensionadas
Quando uma imagem enviada excede o orçamento de pixels selecionado, o editor calcula uma escala usando a raiz quadrada da proporção da área permitida:
scale = √(pixel budget ÷ source pixel area)
Tanto a largura quanto a altura são multiplicadas por essa escala. Isso preserva a proporção enquanto reduz a área total do orçamento. Por exemplo, reduzir ambas as dimensões pela metade reduz a área de pixels para um quarto.
O dimensionamento evita que uma única imagem aloque um Canvas ilimitado, mas também reduz os detalhes da origem. Texto de interface pequeno e linhas finas devem ser inspecionados 100% na visualização do PDF. Se ficarem difíceis de ler, divida a fonte em seções mais estreitas ou mais curtas, em vez de aumentar repetidamente a qualidade da compactação.
O histórico de anotações tem seu próprio custo
Os instantâneos de desfazer podem duplicar um Canvas grande. O PDF da captura de tela, portanto, adapta a profundidade do histórico:
- telas ou dispositivos muito grandes que reportam 2 GB mantêm dois instantâneos;
- telas acima de 12 milhões de pixels ou dispositivos de até 4 GB ficam com três;
- os casos típicos de gama média mantêm quatro;
- dispositivos que reportam pelo menos 8 GB podem manter até seis.
URLs de objetos mais antigos são revogados quando os instantâneos são removidos. Isso limita os recursos retidos do navegador sem alterar o documento atual. Os usuários ainda devem exportar ou salvar trabalhos importantes, em vez de tratar o histórico de desfazer como armazenamento persistente.
As dimensões podem falhar antes da área total
Navegadores e back-ends gráficos podem impor largura ou altura máxima do Canvas, além da área total de pixels. O caminho de costura do PDF da captura de tela aplica uma dimensão máxima separada antes do orçamento da área. Imagens extremamente estreitas e altas podem atingir um limite de dimensão mesmo quando a sua área total parece razoável.
As versões do navegador, a configuração da GPU, o sistema operacional e a memória disponível afetam o comportamento prático. O tutorial de Canvas da MDN descreve a API, mas não fornece um limite máximo universalmente seguro para todos os ambientes.
Sintomas de pressão de memória
- a imagem é decodificada, mas a visualização permanece em branco;
- A criação do Canvas retorna um contexto inutilizável;
- a aba do navegador recarrega ou deixa de responder;
- as anotações ficam lentas porque os instantâneos são grandes;
- A geração do PDF falha enquanto a imagem original ainda é exibida;
- o navegador reporta um erro de falta de memória ou de alocação.
Esses sintomas não indicam automaticamente um arquivo corrompido. Reproduza com uma cópia menor, feche abas pesadas não relacionadas e registre dimensões de origem e contexto do dispositivo.
Maneiras mais seguras de manusear materiais muito longos
- Capture seções nomeadas com sobreposição visível.
- Limite a janela de visualização para que as barras laterais irrelevantes sejam excluídas, mas garanta que o texto permaneça legível.
- Use a exportação oficial do serviço de origem quando ele preservar a estrutura ou os metadados.
- Evite edições repetidas desnecessárias em um Canvas de tamanho máximo.
- Mantenha a imagem original até que o PDF seja aprovado na inspeção.
- Abra o PDF exportado em um segundo visualizador antes de excluir qualquer arquivo intermediário.
Para recibos, pesquisas ou evidências de apoio, os arquivos seccionais podem ser mais nítidos do que uma imagem enorme. Use nomes determinísticos como part-01, part-02 e registre a sobreposição ou os limites da seção.
Um relatório de capacidade reproduzível
Ao relatar um problema, inclua a largura e a altura da origem, o tamanho do arquivo compactado, as versões do navegador e da extensão, o nível de memória do dispositivo relatado, se disponível, a tentativa de operação e as menores dimensões que reproduzem a falha. Não anexe capturas de tela privadas quando uma imagem sintética puder demonstrar o mesmo comportamento de alocação.
Os limites adaptativos não são uma afirmação de que todos os dispositivos em uma camada se comportam de forma idêntica. Eles são uma troca explícita entre detalhes, estabilidade e capacidade de desfazer. Compreender a matemática dos pixels ajuda os usuários a escolher uma captura menor e mais nítida antes que o navegador atinja um limite irrecuperável.