Pour réaliser des captures de sites web, il n’y a pas 50 solutions : soit vous utilisez un logiciel ou un webware, soit vous le faite à la main.
HTML2Canvas est un script JS qui permet de créer des captures de sites sans recourir à un quelconque logiciel côté serveur.
HTML2Canvas fonctionne en pur Javascript et HTML5, directement dans le navigateur. Il s’appuie sur le DOM chargé en mémoire pour reconstruire l’image du site en question.
On constate de légères différences entre le rendu d’HTML2Canvas et un navigateur. Mais néanmoins le résultat est très proche de l’attendu. Il y a parfois certains problème pour charger les images externes (ou chargée via un script comme Timthumb), sauf à passer par un proxy.
L’image est rendu au format PNG, et transmise en Base64. Ce qui est bien souvent bien plus léger.
Je trouve que c’est une bonne solution pour alléger les pages qui comportent beaucoup d’images. En tout cas pour les petits screenshots, cela doit rendre pas mal.
Pas de miracle néanmoins, les données seront chargées quand même, mais plus tard. De plus, les navigateurs anciens ne supporterons pas ce script.
Je vous laisse vous faire une idée en testant le script.
Téléchargez HTML2Canvas