Can I embed a png image into an html page

Question

How can I embed a  png file into a blank  file html  so that when you open that file in any browser you see that image   In this scenario the image file is not linked to from the HTML but rather the image data is embedded in the HTML itself

User · Answer

use mod rewrite to redirect the call to file html to image png without the url changing for the user  Have you tried just renaming the image png file to file html  I think most browser take mime header over file extension

User · Answer

The 64base method works for large images as well  I use that method to embed all the images into my website  and it works every time  I ve done with files up to 2Mb size  jpg and png

User · Answer

Quick google search says you can embed it like this    lt 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  gt    But you need a different implementation in Internet Explorer    http   www websiteoptimization com speed tweak inline-images

User · Answer

I don t know for how long this post has been here  But I stumbled upon similar problem now  Hence posting the solution so that it might help others      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- gt new 200  200   my  myimage    mygraph- gt plot   data - gt png   print  lt  lt end html   lt html gt  lt head gt  lt title gt Current Stats lt  title gt  lt  head gt   lt body gt   lt p align  center  gt   lt img src  data image png base64  end html  print encode base64  myimage    print  lt  lt end html    style  width  888px  height  598px  border-width  2px  border-style  solid     gt  lt  p gt   lt  body gt   lt  html gt   end html

User · Answer

There are a few base64 encoders online to help you with this  this is probably the best I ve seen   http   www greywyvern com code php binary2base64  As that page shows your main options for this are CSS   div image     width 100px    height 100px    background-image url data image png base64 iVBORwA lt MoreBase64SringHere gt         Or the  lt img gt  tag itself  like this    lt img alt  My Image  src  data image png base64 iVBORwA lt MoreBase64SringHere gt     gt

[php] Can I embed a .png image into an html page?

Examples related to php

Examples related to html

Examples related to image

Examples related to embed