Jump to content
SpidermMan3

Background Base64

Recommended Posts

SpidermMan3

Boa Noite pessoal

Vejo muitas paginas em que o seu ficheiro de estilos tem backgroud assim (mas é so em alguns "backgrounds"):

 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

Porque motivo?

Outra coisa, qual a diferença em utilizar position: absolute e relative?

Obrigado desde já.

Share this post


Link to post
Share on other sites
Virneto

Outra coisa, qual a diferença em utilizar position: absolute e relative?

Relativamente ao CSS positioning isto tem-me sido util:

http://www.barelyfitz.com/screencast/html-training/css/positioning/

Edited by Virneto

"Que inquieto desejo vos tortura, Seres elementares, força obscura? Em volta de que ideia gravitais?" >> Anthero de Quental

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Linuxando.com | ...

Share this post


Link to post
Share on other sites
nelsonr

Basicamente isso lê a imagem e retorna-te o código base64 da imagem.

O código é a propria imagem, não é um link para uma imagem alojada em lado nenhum.

  • Vote 1

Share this post


Link to post
Share on other sites
SpidermMan3

Basicamente isso lê a imagem e retorna-te o código base64 da imagem.

O código é a propria imagem, não é um link para uma imagem alojada em lado nenhum.

Percebi então. :)

Obrigado!

Share this post


Link to post
Share on other sites
I-NOZex

uma imagem, como a maioria dos tipos de ficheiros, é um ficheiro binario

mas em vez de utilizar a imagem em binario, usas-se codificado em base64 ;)

atençao, isto aumenta o tamanho do css! por outro lado reduz os requests que o mesmo possa fazer, mas ainda assim acho mais seguro a pratica de sprites


B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.