How to embed images in a single HTML / PHP file?

by

A solution to embed an image directly in an HTML page would be to use the data URI scheme

For instance, you could use some portion of HTML that looks like this :

<img src="data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP
C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA
AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J
REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq
ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0
vr4MkhoXe0rZigAAAABJRU5ErkJggg==" alt="Red dot" />

There are other solutions on the wikipedia page I linked to :

  • including the image as a CSS rule
  • Using some Javascript.

But note those solutions will not work on all browsers — up to you to decide whether this is acceptable or not, in your specific situation.

Edit : to answer the question you asked about “how to generate Data URL’s properly with PHP”, take a look a bit lower in the wikipedia page about the Data URI scheme, which gives this portion of code (quoting) :

function data_uri($file, $mime) 
{  
  $contents = file_get_contents($file);
  $base64   = base64_encode($contents); 
  return ('data:' . $mime . ';base64,' . $base64);
}
?>

<img src="https://stackoverflow.com/questions/2329364/<?php echo data_uri("elephant.png','image/png'); ?>" alt="An elephant" />

More Related Contents:

  1. Can I embed a .png image into an HTML page?
  2. How to provide dynamic HTML in PHP?
  3. Get img src with PHP
  4. How to embed images in html email
  5. How to add text to an image with PHP GD library
  6. php link to image file outside default web directory
  7. Send email with PHPMailer – embed image in body
  8. How to get the browser to cache images, with PHP?
  9. How to merge transparent PNG with image using PHP?
  10. Convert JPG/GIF image to PNG in PHP?
  11. How to display an BLOB image stored in MySql database?
  12. Convert HTML to Image in PHP without shell
  13. Merge two PNG images with PHP GD library
  14. Calling a function on click of button in HTML/PHP [closed]
  15. PHP mkdir with form input and security
  16. PHP Errors – Total of four [closed]
  17. syntax error unexpect something [closed]
  18. Run php code inside .html() jQuery function
  19. Call php function from JavaScript
  20. How can I echo HTML in PHP?
  21. method=”post” enctype=”text/plain” are not compatible?
  22. POST an array from an HTML form without javascript [duplicate]
  23. Converting HTML to plain text in PHP for e-mail
  24. Best way to avoid the submit due to a refresh of the page
  25. PHP POST not working
  26. “slash before every quote” problem [duplicate]
  27. Make mp3 seekable PHP
  28. Parsing HTML files as PHP
  29. How do you convert an image to black and white in PHP
  30. How to get VALUE from FORM without Submitting it?

Leave a Comment