KOMPOOS.NL

inline images - PHP

home » php » image-effects » inline-images.html

sitemap


uitleg inline image gebeuren

Elke afbeelding, hoe klein die ook is, kost bij het inladen één http-request. Als je heel veel (erg) kleine plaatjes op jouw pagina hebt, is het slimmer om (dan) inline images te gaan gebruiken. Lager op deze pagina staat een PHP-module die van een png-file een inline image maakt. De broncode van het plaatje welke (door de routine) gegenereerd wordt is een img.png base 64 'file'. Deze data kan je rechtstreeks tussen de quotes van de src van een img plaatsen. Het resultaat is een ultra-snelle pagina met alle plaatjes "intern".

hieronder een 'image/png;base64' plaatje

inline image

php routine om een base64 image te produceren


<?php
  $file = 'jouw.png';
  $image = imagecreatefrompng($file);
  imagealphablending($image, false);
  imagesavealpha($image, true);
  ob_start();
  imagepng($image);
  $contents = ob_get_contents();
  ob_end_clean();
  echo "<img src='data:image/png;base64," . base64_encode($contents) . "' />";
  imagedestroy($image);
?>
Gebruik voor alle voorbeelden op de http://kompoos.nl een valide html5 pagina.