Como criar uma imagem PNG usando apenas o bloco de notas?

Question

Como sabemos, todos os arquivos são simplesmente contêineres de dados. PNGarquivos não são exceção a esta regra.

Um arquivo PNG basicamente se refere a uma grade retangular de pixels coloridos, então não pode ser tão complicado - certamente não tão complicado quanto um vídeo ou mesmo um GIF.

Minha pergunta é: como você pode criar um PNG do nada, usando apenas o bloco de notas? Este arquivo poderia então ser aberto em um navegador (como o Chrome) que o reconheceria como uma imagem.

Um pequeno quadrado de quatro pixels coloridos serviria como um ótimo exemplo.

Usar o Paint para tentar ver o que está acontecendo produz resultados interessantes.

Se o Paint for usado para criar um arquivo PNG parecido com este (é muito pequeno, 2x2 pixels, então pode ser necessário aumentar o zoom)

O arquivo de texto resultante fica assim:

IHDR ýÔšs sRGB ®Îé gAMA ±üa pHYs à ÃÇo¨d IDATWcè`ýÿ‰Ai£½Ç !ß=î_— IEND®B`‚

Mas o que está acontecendo nos bastidores?

Para esclarecer, a questão não é como criar qualquer arquivo PNG, mas como, usando texto, criar um arquivo PNG que corresponda a determinados critérios, por exemplo, uma linha de 7 cores do arco-íris?

Answer 1

Como posso criar um PNG do nada, usando apenas o Bloco de Notas?

Com muita dificuldade. Seria mais fácil (mas ainda difícil) usar um editor hexadecimal.

Essencialmente você tem que criar um arquivo em um formato que corresponda aoEspecificação PNG.

O cabeçalho do arquivo deve começar com uma assinatura PNG, que consiste nos seguintes valores decimais:

137 80 78 71 13 10 26 10

O decimal 10 (um avanço de linha) não pode ser inserido usando o Bloco de Notas (daí a sugestão de usar um Editor Hexadecimal) para criar o arquivo.

Você também precisa ser capaz de calcular os valores de CRC e seguir muitas regras complicadas de pedido de pedaços.

Se você ler as especificações vinculadas acima, verá como é complicado criar um PNG manualmente.

Seria muito mais fácil usar um Editor Gráfico que suporte PNG.

Answer 2

Esta é a aparência do "texto" de uma imagem PNG simples

Esses dados vêm da imagem simples abaixo.

Como tal, você não pode criar um arquivo de imagem PNG apenas colocando seu "texto" em um documento, a menos que o editor de texto que você está usando possa lidar com os caracteres especiais e não destruir os metadados (como o notepad ++). Na verdade, você também não pode digitar o "código" para um arquivo png, pois sua "sintaxe" é muito complexa para qualquer tipo de teclado.

Aqui está o que acontece quando você tenta:

Answer 3

Apenas abraPintarpressionando a tecla Bandeira do Windowsuma vez e depois comece a digitar Paint; assim que aparecer no menu, basta clicar nele para iniciar o aplicativo.

Agora, com uma tela de pintura em branco aberta, você pode criar quadrados preenchidos com cores, etc., de acordo com suas necessidades e, quando estiver pronto para salvá-lo como um PNGarquivo, basta acessar File | Save As | PNG Picturee abra-o para ver a imagem com o aplicativo do local salvo.

---

Crie um quadrado de 4x4 pixels com 4 quadrados coloridos diferentes de 1 pixel

ComPintaraberto e começando com uma imagem em branco. . .

1. Na Homeguia, pressione a Resizeopção
2. NoResize and Skewjanela ajustar oHorizontal and VerticalporPixes
3. Com oPencil ferramenta, você pode alterar a cor para a cor desejada e, em seguida, preencher o quadrado de 4x4 pixels com 4 quadrados de 1 pixel de cores diferentes.
4. Agora vá paraFile | Save As | PNG Picturee abra-o para ver a imagem com o aplicativo do local salvo.

Answer 4

Na verdade, os arquivos não são apenas contêineres de dados. Eles são um fluxo de dados binários. Cada tipo de arquivo tem um layout diferente de quais partes do fluxo binário são quais dados.

Abrir uma imagem no bloco de notas fará com que o fluxo binário seja interpretado como caracteres na linguagem humana. No entanto, não criamos arquivos usando binários que correspondam ao que definimos como caracteres em um determinado idioma de fala. Portanto, o bloco de notas pode ou não fornecer qualquer interpretação útil do fluxo binário para poder adicionar e remover dados reconhecíveis por um intérprete PNG.

Se você realmente está curioso para saber como criar arquivos PNG do nada, você deve fazê-lo usando números (de preferência binários ou hexadecimais), usando um programa editor hexadecimal que lê o fluxo binário do disco e o exibe na base 16 para você.

Por favor, vejaResposta de DavidPostill