O que é:

  A sigla .png significa "Portable Network Graphics", algo como "gráficos portáteis de rede", e, como o nome indica, ela foi criada para facilitar a troca de imagens pela internet. Assim como o .jpg, esse formato usa compressão para reduzir o peso dos arquivos; diferentemente de .jpg, no entanto, o tipo de compressão que o .png usa não implica tanta perda de qualidade - especialmente no caso de arquivos gráficos. 
Mas a principal vantagem das imagens .png é que o arquivo também tem suporte a transparência. A transparência normalmente é indicada, em editores de imagem, como um quadriculado. Tudo que estiver quadriculado no editor será mostrado como transparente no arquivo, o que significa que ele terá a cor do plano de fundo do site ou da imagem. É fácil perceber que essa característica torna o formato .png bem interessante para designers de sites.
Portanto, são duas as vantagens dos arquivos .png: o bom equilíbrio entre peso e qualidade, de um lado, e o suporte a transparências, do outro. Mas esse primeiro ponto também pode acabar sendo uma fraqueza: se a imagem exige muita qualidade, pode ser melhor usar outro formato, e se ela precisa ser leve, pode ser melhor usar .jpg mesmo. Vale a pena ter isso em mente.

Como faz:

https://youtu.be/NpDp4JN9SUA

Obs: YEEEEEEH, AGORA O GIRLS GRAPHICS TERÁ TUTORIAIS EM VÍDEO !