Prendre une capture d'écran haute résolution d'un site Web


8

Je veux mettre une partie (non image) de mon site Web sur un t-shirt, et pour ce faire, j'ai besoin d'une image haute résolution de la partie concernée. Ma pensée est de dire à un utilitaire "de faire une capture d'écran de cette page Web à telle ou telle résolution" puis de découper la partie que je veux.

Est-ce la bonne approche? Quelqu'un connaît-il un tel utilitaire?


Si vous utilisez Vista, vous pouvez utiliser l'utilitaire Snippet.

Réponses:


16

Vous pouvez imprimer la page dans un document PDF. De cette façon, le texte est rendu à l'aide de vecteurs et tiendra beaucoup mieux en impression haute résolution.

La plupart des impressions sont effectuées en 300 dpi. Le texte peut parfois atteindre 1 200 voire 2 400 ppp. En revanche, votre écran est généralement de 72 à 96 dpi. Donc, si votre page contient du texte, elle finira par être beaucoup plus nette et plus nette imprimée par rapport à sa version à l'écran.

Plus d'informations sur DPI ici: http://www.nikon-euro.com/nikoneuro_en/hit/general/en/HIT_gen_en_17.htm


La bonne chose est que le PDF sera probablement également utilisable par votre imprimante de chemise.
John Rudy

5
Cela ne fonctionne pas exactement s'il existe une feuille de style d'impression qui modifie la mise en forme de la page.
Andrew

5

Vous n'avez pas besoin de programmes externes.

Agrandissez la page Web en zoomant (assez grand pour que vous le vouliez), puis faites de Firefox en mode plein écran. Appuyez sur le bouton Imprimer l'écran pour prendre une capture d'écran, ouvrez mspaint et collez la capture d'écran.

La capture d'écran que vous aimez n'est probablement pas assez grande, si c'est le cas, vous pouvez zoomer encore plus, prendre plus de captures d'écran et fusionner plusieurs captures d'écran pour en former une grande.


Vous serez juste limité par la résolution réelle de la chose sur laquelle vous zoomez. À un moment donné, il commencera à avoir un aspect granuleux.
dagorym

1
@dagorym, puisqu'il spécifie qu'il s'agit d'une partie non-image, tout doit rester haute résolution lors de la mise à l'échelle. Et dans Chrome, il évolue linéairement, a l'air bien.
hyperslug

3
Veillez également à définir votre résolution d'affichage sur le paramètre le plus élevé avant de prendre la capture d'écran. [Cliquez avec le bouton droit sur les propriétés de sélection du bureau (2k / XP) ou Personnaliser (Vista / 7).]
Duey

1
@hyperslug: N'aimez-vous pas WebKit? Apple a écrit le moteur de rendu pour Chrome. Je n'aime pas Apple, mais j'aime leur travail sur WebKit.
John Gietzen

@John Gietzen: Apple n'est pas le seul développeur de Webkit, il y en a beaucoup d'autres (dont Google): en.wikipedia.org/wiki/WebKit
EvilChookie

3

J'adore MWSnap. Il conservera la résolution d'écran actuelle et vous permet de sélectionner les sections que vous souhaitez ou de recadrer plus tard.

AFAIK, vous ne pouvez pas prendre une capture d'écran en dehors de la résolution que vous utilisez déjà. Pour un site Web, l'augmentation de la résolution ne devrait avoir aucun effet.

(Et c'est gratuit) http://www.mirekw.com/winfreeware/mwsnap.html

EDIT: Si vous l'avez conçu dans Photoshop et que vous n'avez pas encore rasteurisé l'image, vous pouvez augmenter la résolution, mais pas depuis le navigateur.


J'aime aussi MWSnap. La seule "plainte" que j'ai à ce sujet est qu'il n'y a pas de nouvelles versions qui sortent.
Isxek

Je suis d'accord ... le fait que cela ne fonctionne que sur le moniteur principal pour plusieurs configurations de moniteur me rend fou certains jours.
RiddlerDev

3

Si vous utilisez Vista, Démarrer-> Exécuter SnippingTool


3

Nous avions un étudiant norvégien qui voulait seulement imprimer une partie d'une très longue page Web ( http://www.wilsonminer.com/posts/2006/may/10/are-you-generic/ c'était la page réelle). PrintWhatYouLike.com a beaucoup aidé, est gratuit et très facile à utiliser.

PrintWhatYouLike.com

C'est un site Web gratuit qui vous permet de formater n'importe quelle page Web pour l'impression.

Vous commencez par saisir l'URL de la page que vous souhaitez imprimer. L'éditeur en ligne PrintWhatYouLike vous permet de supprimer, de redimensionner et de réorganiser rapidement les éléments de la page afin que vous puissiez imprimer uniquement ce que vous voulez.

Cela fonctionne assez bien pour moi, je l'ai testé dans IE8, Firefox 3.5 et Chrome

Utilisez-le simplement pour imprimer dans un fichier PDF et c'est parfait!


2

Vous ne pouvez prendre une capture d'écran qu'à une résolution d'écran. Chaque système d'exploitation que vous utilisez peut avoir une fonctionnalité de capture d'écran intégrée.

IMPRESSION-ÉCRAN sur Windows (puis collez-le dans MSPaint ou autre) ou Command Shift 3 ou F3 ou quelque chose sur Mac, et il fait apparaître l'image sur votre bureau.


3
N'oubliez pas que vous pouvez utiliser ALT + Print-Screen dans les fenêtres pour capturer uniquement la fenêtre en question. Cela est utile si vous utilisez des configurations multi-écrans et que vous ne voulez pas vous soucier de recadrer les images du deuxième moniteur.
Dillie-O

1

Capture d'écran ! Il peut copier / enregistrer la page / le cadre / la partie visible / la sélection / la fenêtre de Firefox.


Screengrab est la fin de vie malheureusement - l'auteur ne peut pas suivre le rythme des changements de Firefox.
SamStephens

1

Si vous zoomez puis utilisez Abduction ou CaptureIt! , cela devrait fonctionner, ils défilent tous les deux automatiquement. J'aime l'idée d'impression au format PDF, en supposant que tous vos arrière-plans sont préservés.


L'enlèvement ne fonctionne pas - il ne respecte pas votre zoom et capture la page à sa taille d'origine. Je ne sais pas sur CaptureIt !, Je ne le trouve pas.
SamStephens

1

Paparazzi (pour Mac) fonctionne très bien pour capturer des pages Web. Exportez au format pdf, tiff, png ou jpg.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.