Converter imagens em strings (letras e/ou números)
Olá leitor.
Numa página ".html" geralmente criamos links para as figuras, mas o problema é que quando queremos mudar o local de armazenamento desta página ".html" temos que transportar as figuras também e isso é trabalhoso e se mudarmos o caminho das figuras, tudo fica bagunçado.
Para resolver isso, temos o site (devem ter outros, certamente):
https://codebeautify.org/image-to-base64-converter
No site acima, você inclui a figura e ele converte em texto que representa a figura no arquivo ".html".
Desta forma você tem um arquivo ".html" que contém as figuras transformadas em texto em um só arquivo sem a necessidade de linkar figuras ou colocá-las numa pasta separada.
No link a seguir tem explicações detalhadas:
http://www.kadunew.com/blog/web-design/tecnicas-e-ferramentas-para-melhorar-a-performance-de-imagens
De forma resumida, ocorrerá a seguinte transformação (figura obtida do site acima):
Numa página ".html" geralmente criamos links para as figuras, mas o problema é que quando queremos mudar o local de armazenamento desta página ".html" temos que transportar as figuras também e isso é trabalhoso e se mudarmos o caminho das figuras, tudo fica bagunçado.
Para resolver isso, temos o site (devem ter outros, certamente):
https://codebeautify.org/image-to-base64-converter
No site acima, você inclui a figura e ele converte em texto que representa a figura no arquivo ".html".
Desta forma você tem um arquivo ".html" que contém as figuras transformadas em texto em um só arquivo sem a necessidade de linkar figuras ou colocá-las numa pasta separada.
No link a seguir tem explicações detalhadas:
http://www.kadunew.com/blog/web-design/tecnicas-e-ferramentas-para-melhorar-a-performance-de-imagens
De forma resumida, ocorrerá a seguinte transformação (figura obtida do site acima):
