KOMPOOS.NL

webp - HTML

home » manuals » html » webp.html

sitemap

voorbeeld webp afbeelding

 
webp.jpg 12.3 Kbwebp.webp 10.5 Kb

uitleg webp afbeeldingen

Google is altijd bezig om het web slimmer, en vooral sneller te maken. Het beeld-formaat webp is hier een goed voorbeeld van. Webp is een (volkomen vrij!) bestandsformaat voor afbeeldingen. Dacht je dat Jpeg al een aardige compressie realiseerde; webp doet daar nog een schepje bovenop... De volkomen geoptimaliseerde .jpg van deze pagina (webp.jpg) wordt nog eens wat verder in elkaar geperst door van google's "weppie" (zo spreek je het uit) gebruik te maken. Door de bank genomen comprimeert google's nieuwe beeldcompressie zo'n 40% méér(!) dan de standaard Jpeg-compressie.

Compatibiliteit voor webp

Nu zijn sommige websitebouwers huiverig om "nieuwe dingen" in hun website te verwerken. Is helemaal niet nodig... Met progressive enhancement kan je met een gerust hart al volop webp op jouw pagina's gebruiken. Met een scriptje check je welke browser "langskomt"; en als die browser webp ondersteunt, zorg je er voor dat daadwerkelijk het juiste (webp)formaat beschikbaar wordt.

het scriptje wat op deze pagina gebruikt wordt

<?php
$useragent=strtolower($_SERVER['HTTP_USER_AGENT']);
$webp=0;
if(strpos($useragent,"msie")){}
else if(strpos($useragent,"presto")){$webp=1;}
else if(strpos($useragent,"chrome")){$webp=1;}
else if(strpos($useragent,"safari")){}
else if(strpos($useragent,"firefox")){}
else if(strpos($useragent,"mozilla")){}
else {$webp=0;}
if($webp==1){echo '
<img src="webp.webp" alt="jouw browser ondersteunt webp format" height="360" width="260" /><br />
<strong>webp</strong> ondersteuning<br />
webp.webp 10.5 Kb';}
else{echo '
<img src="webp.jpg" alt="jouw browser ondersteunt geen webp format" height="360" width="260" /><br />
<strong>geen</strong> webp ondersteuning<br />
webp.jpg 12.3 Kb';}
?>

webp conversie