Вопрос по image, embed – Могу ли я вставить изображение .png в HTML-страницу?

36

Как я могу встроить файл .png в пустой файл "file.html", чтобы при открытии этого файла в любом браузере вы видели это изображение? В этом сценарии файл изображения не связан с HTML, а данные изображения встроены в сам HTML.

Ваш Ответ

1   ответ
46

чтобы помочь вам в этом, это, наверное, лучшее, что я видел:

http://www.greywyvern.com/code/php/binary2base64

Поскольку на этой странице показаны ваши основные параметры для этого CSS:

div.image {
  width:100px;
  height:100px;
  background-image:url(data:image/png;base64,iVBORwA<MoreBase64SringHere>); 
}

Или<img> сам тег, как это:

<img alt="My Image" src="data:image/png;base64,iVBORwA<MoreBase64SringHere>" />
Однако вы зависите от используемого веб-браузера, будет ли он работать безупречно. BalusC
@BalusC - Верно, но это то, что задал вопрос ... не какие-либо опции, кроме обычного маршрута внешнего файла. Nick Craver
Кажется, это не работает для меня в Chrome .. :( Интересно, если данные base64 неверны .. :( WORMSS
Вот еще один веб-сайт, который позволит вам кодировать файл изображения с локального жесткого диска (а не с URL-адреса):opinionatedgeek.com/dotnet/tools/Base64Encode Jon Schneider

Похожие вопросы