•  05-07-2019
  •  | 
  •  

Pergunta

puramente por curiosidade, que os navegadores não imagem Base64 incorporar trabalho em? O que eu estou me referindo é este .

Eu percebo que não é geralmente uma boa solução para a maioria das coisas, à medida que aumenta o tamanho da página um pouco -. Só estou curioso

Alguns exemplos:

HTML: 

<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />

CSS: 

div.image {
  width:100px;
  height:100px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}
Foi útil?

Solução

Update: 2017/01/10

URIs de dados agora são suportados por todos os principais navegadores. suportes IE incorporar imagens desde a versão 8 também.

http://caniuse.com/#feat=datauri

URIs de dados são agora suportadas pelos navegadores web seguinte:

  • baseado no Gecko, como o Firefox, SeaMonkey, XeroBank, Camino, Fennec e K-Meleon
  • Konqueror, através do sistema de entrada / saída KIO escravos do KDE
  • Opera (incluindo dispositivos como o Nintendo DSi ou Wii)
  • WebKit baseado em, como o Safari (incluindo no iOS), navegador do Android, Epifania e Midori (WebKit é um derivado do motor KHTML do Konqueror, mas o Mac OS X não compartilham a arquitetura KIO assim as implementações são diferentes), como bem como com base em cromo Webkit /, como o Chrome
  • Trident
    • Internet Explorer 8: Microsoft limitou o seu apoio a certos conteúdos "não navegável" por razões de segurança, incluindo as preocupações de que o JavaScript embutidos em uma dados URI pode não ser interpretável pelo script filtra tais como aqueles usados ??por clientes de e-mail baseados na web . Dados URIs deve ser menor que 32 KiB na Versão 8 [3].
    • Dados URIs são suportados apenas pelos seguintes elementos e / ou atributos [4]:
      • objeto (apenas imagens)
      • img
      • input type = image
      • link
    • declarações CSS que aceitam uma URL, imagem de fundo, fundo, list-style-type, list-style e similares, tais como.
    • Internet Explorer 9:. O Internet Explorer 9 não tem limitação 32KiB e permitido em elementos mais amplos
    • TheWorld Browser: Um IE navegador shell que tem um suporte embutido para o esquema de dados URI

http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support

Outras dicas

A maioria dos modernos navegadores de desktop, como o Chrome, Mozilla e Internet Explorer imagens de apoio codificados como URL dados. Mas há problemas para exibir URLs de dados em alguns navegadores móveis:. Do Android Stock navegador e Dolphin Browser não exibirá JPEGs incorporados

Eu recomendo que você use as seguintes ferramentas para base64 codificação online / decodificação:

Verifique o "Format como Data URL" opção de formato de um URL de dados.

Posso usar ( http://caniuse.com/#feat=datauri ) mostra o apoio através dos principais navegadores com alguns problemas no IE.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top