Texto Atrás da Imagem

O que esta ferramenta de texto atrás da imagem faz

Esta ferramenta monta o famoso efeito de texto atrás do assunto com três camadas empilhadas em um único canvas. A camada um é sua foto original, intocada. A camada dois é o seu texto. A camada três é um recorte do assunto principal, salvo como PNG transparente e desenhado pixel a pixel sobre as mesmas coordenadas da camada um. Como a camada de cima carrega exatamente os mesmos pixels que a foto já tinha onde quer que ela mantenha algo, o assunto parece estar na frente das palavras enquanto o resto da cena fica atrás delas. Nada é apagado nem mascarado, e a ilusão vem inteiramente da ordem de desenho. O recorte vem de um modelo de segmentação de objeto saliente ISNet que roda via onnxruntime-web na sua própria máquina. Os pesos do modelo têm cerca de 40MB e são baixados uma vez; depois disso o navegador os serve do cache. Não há etapa de envio, nem conta, nem fila, nem custo por imagem, e é por isso que a página não tem marca d'água nem limite de uso. Depois que o modelo devolve a máscara, uma segunda passagem corrói a borda da máscara em um pixel e retira a cor de fundo remanescente dos pixels semitransparentes da borda. Esse passo importa mais aqui do que em um removedor de fundo comum: o assunto fica por cima do seu texto, então um pixel de borda ainda tingido com a cor do fundo antigo apareceria como uma franja colorida atravessando as letras. A erosão de um pixel não custa nada nesta composição, porque o pixel embaixo é o pixel idêntico da foto intocada na camada um. Imagens com mais de 2560 pixels no lado mais longo são reduzidas a esse tamanho antes, porque a limpeza das bordas é uma passagem pixel a pixel com sondagem da vizinhança, e uma foto de celular de 24 megapixels travaria o navegador por vários segundos. A exportação é sempre um PNG, para que a opacidade parcial do texto e as bordas suaves do assunto sobrevivam intactas.