Instagram - Visualizar Imagens em Base64

Se você tentar visualizar alguma imagem do Instagram utilizando a tag IMG em seu site, vai se frustrar pois as imagens não são carregadas pelo navegador. Porém se você converter a URL da imagem para Base64 você consegue.

01 - Passo

Acesse a url : https://www.instagram.com/100security/?__a=1
Pesquise a tag: profile_pic_url_hd para encontrar a URL da imagem do perfil.

Imagem do perfil: 100security

👉 Copiar URL
https://instagram.fgru5-1.fna.fbcdn.net/v/t51.2885-19/244596960_574438753787069_3187701416451393288_n.jpg?stp=dst-jpg_s320x320&_nc_ht=instagram.fgru5-1.fna.fbcdn.net&_nc_cat=105&_nc_ohc=82yikGtVavEAX-JCXm9&edm=ABfd0MgBAAAA&ccb=7-4&oh=00_AT_-yFksYCyJ-oHiKeiLe3I_CQsf-RH9gdzYiOM-QqGDHg&oe=626A1F8D&_nc_sid=7bff83

02 - Passo

Observe o código HTML a seguir:

Navegador

Resultado
A imagem não é exibida 👎

03 - Passo

Para exibir a imagem, basta converter a URL para Base64.
Para este exemplo vou utilizar a função base64_enconde do PHP.

👉 Copiar Código

Resultado
A imagem exibida com sucesso 👍

Script

Como visualizar todas as imagens que possuem a #100security

👉 Copiar Código

Resultado
Todas as imagens são exibidas com sucesso 👍