Intereting Posts
Где 2x префикс используется в BCrypt? PHP конвертирует вложенный массив в единый массив при конкатенации ключей? Magento добавляет настраиваемое поле в адрес доставки и платежного адреса на одной странице Различные $ this-> Auth в cakephp Неустранимая ошибка: класс «Zend \ Loader \ AutoloaderFactory» не найден в init_autoloader.php Наиболее распространенный / любимый синтаксис для документации внутри кода (комментарии)? Как перенаправить правильный URL после входа в систему PHP foreach не работает при повторении результата запроса cakephp с использованием таблиц многократного поиска Предлагаемый PHP-код для чтения рейтинга файла, установленного Adobe Bridge CS3 синтаксическая ошибка в случае «удалить» при уменьшении Служба проверки URL-адреса для вредоносного ПО или фишинга? Как я могу разобрать JSON-файл с PHP? Как правильно обрабатывать международный характер в PHP / MySQL / Apache владелец nginx и php-fpm

Можно ли вставить изображение .png в html-страницу?

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

Есть несколько базовых кодировщиков онлайн, которые помогут вам в этом, это, вероятно, лучшее, что я видел:

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>" /> 

Метод 64base также работает для больших изображений, я использую этот метод для встраивания всех изображений на свой сайт, и он работает каждый раз. Я сделал с файлами размером до 2 Мб , jpg и png.

Я не знаю, как долго этот пост был здесь. Но сейчас я наткнулся на подобную проблему. Следовательно, размещение решения так, чтобы оно могло помочь другим.

 #!/usr/bin/env perl use strict; use warnings; use utf8; use GD::Graph::pie; use MIME::Base64; my @data = (['A','O','S','I'],[3,16,12,47]); my $mygraph = GD::Graph::pie->new(200, 200); my $myimage = $mygraph->plot(\@data)->png; print <<end_html; <html><head><title>Current Stats</title></head> <body> <p align="center"> <img src="data:image/png;base64, end_html print encode_base64($myimage); print <<end_html; " style="width: 888px; height: 598px; border-width: 2px; border-style: solid;" /></p> </body> </html> end_html 

Быстрый поиск в Google говорит, что вы можете вставлять его следующим образом:

 <img src="data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub/ /ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcpp V0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7" width="16" height="14" alt="embedded folder icon"> 

Но вам нужна другая реализация в Internet Explorer.

http://www.websiteoptimization.com/speed/tweak/inline-images/

используйте mod_rewrite для перенаправления вызова на file.html на image.png без изменения URL-адреса для пользователя

Вы пробовали просто переименовать файл image.png в файл.html? Я думаю, что большинство браузеров используют mime-заголовок для расширения файла 🙂