Créer une image d’une page web

image du site melusia.fr
Je cherchais à créer une image d'une page du site http://www.melusia.fr. Dans les paquets Debian Lenny, je n'ai rien trouvé sauf html2ps censé convertir une page web en ps (postscript). J'ai essayé html2ps mais le résultat n'est pas du tout probant.
J'ai décidé de la faire manuellement en utilisant ksnapshot (logiciel de capture d'écran) et Gimp (logiciel de retouche d'image pour assembler les images).

Avec Iceweasel (Firefox) vous allez sur http://www.melusia.fr.

Vous lancez ksnapshot en appuyant sur la touche "Imp écr", en choisissant "mode de capture : zone". Vous cliquez sur "Nouvelle capture". Avec la souris vous sélectionnez la zone voulue et vous faites "enregistrer sous" en donnant comme nom vegetarien_01.png.
ksnapshot
Comme la page est plus grande que l'écran, vous recommencez l'opération de capture en gardant une petite partie commune avec la capture précédente qui servira à l'assemblage dans Gimp. Vous refaites cette opération autant de fois qu'il le faut.
Vous obtenez 3 images de taille 1448x1010 1448x998 1448x603.
vegetarien_01
vegetarien_02
vegetarien_03

Vous lancez Gimp. Vous créez une nouvelle image transparente de taille 1448x2611 où 2611 = 1010 + 998 + 603. Cette dimension sera un peu plus grande que l'image obtenue à cause des zones communes entre les captures.
Vous faites Fichier -> Ouvrir en tant que calque pour chaque capture d'images (ici 3). Vous obtenez :
calque_gimp
L'ordre des calques est bien celle apparaissant sur la photo : vegetarien_03.png vegetarien_02.png vegetarien_01.png.
deplacement_gimp
Vous pouvez utiliser l'outil "déplacement" pour positionner le calque vegetarien_01.png tout en haut.
Pour vegetarien_02.png l'astuce est de diminuer l'opacité du calque jusqu'à ce qu'il soit suffisamment transparent pour bien faire coïncider les parties communes aux deux calques. Après vous n'oubliez pas de remettre l'opacité à 100%.
Vous faites la même chose pour vegetarien_03.png.
Vous choisissez "Fusionner les calques visibles" en cliquant droit sur un des calques.
Vous choisissez "image -> Echelle et taille de l'image" et vous tapez la taille que vous voulez.
Vous activez l'outil "Sélection rectangulaire". Vous définissez la zone avec la souris. Vous faites "copier" puis "coller comme nouvelle image" en choisissant le nom que vous voulez.
Et c'est fini, vous avez obtenu une image de votre page web.
vegetarien_red_02

3 réflexions au sujet de « Créer une image d’une page web »

  1. Je me permets de vous contacter pour vous proposer un échange de lien avec le site dédié à la mutuelle santé. Comme vous le savez certainement, l’objectif de cet échange est de mutuellement progresser sur des expressions recherchées sur Google. Si cette proposition vous intéresse, veuillez me contacter à sebastien.brazy@yahoo.fr afin que nous fixions ensemble l’échange. A bientôt

  2. Since researching for a short time to get a great content articles pertaining to this point . Checking out in Google I finally picked up this blog. After reading these details I’m just glad to enunciate that I’ve got a really good impression I discovered whatever I wanted. I most certainly will ensure to don’t forget this web site and take a visit consistently.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>