Bilder, die über die Fenstergröße hinausragen, screenshoten!

alles · 14. März 2016

Hallo liebe Community,

gerade was das "snapshoten" einer Webseite angeht, leistet ja FireShot (Add-On für Firefox) gute Dienste, weil es auch scrollende Fenster aufnimmt.

Wenn es aber darum geht, von mir aus Bilder abzuspeichern, bei denen es über den herkömmlichen Weg nicht geht, versagt das Werkzeug. Leider kann ich Euch dafür kein Beispiel mittels eines Links liefern, da dazu eine Registrierung notwendig wäre.
Auf jeden Fall wird im Browser zunächst ein der Fenstergröße angepasstes Bild dargestellt. Mit einem Doppelklick darauf vergrößert es sich auf die Originalgröße, was jedoch in etwa das Doppelte entspricht, was mein 19" Monitor abbilden kann. Allerdings kann man nur mit der Originalgröße sämtliche Details unbeschwert erkennen. Soll heißen, das Bild geht nicht nur nach unten weiter, sondern auch in die Breite. Und auch sonst lässt sich das Bild in alle 4 Himmelsrichtungen verschieben.

Habt Ihr eine Idee, ob es ein Tool gibt, dass das ganze Bild im Browser erfasst und abspeichern kann? Es muss keine Browser-Erweiterung, sondern kann auch ein Standalone-Programm sein (à la HyperSnap), zumal sich die Bilder auch über ein Windows-App abseits vom Browser aufrufen lassen!

Bedanke mich schonmal für jeden Tipp!

Liebe Grüße,
alles

Smily · 14. März 2016

Rechtsklick
Bild speichern unter

in einem beliebigen Browser geht nicht`?

Valeria · 14. März 2016

Bilder speicher ich bei einem "Downloadschutz" so ab:
Einzelne: Extras - Seiteninformationen - Medien - nach Grösse sortieren - Bildfile auswählen - Speichern unter

Mehrere: Mit strg+s die ganze Seite speichern und mir im Ordner das rausholen was ich will

alles · 15. März 2016

@Smily
Wie bereits erwähnt, geht der herkömmliche Weg nicht! Der Rechtsklick wird unterdrückt!

@Theobald93
Bei Wege führen nicht zum Ziel. Da dürfte der Downloadschutz doch weit entwickelt sein.
Wenn man nach "Einzelne" vorgeht, bekommt man keine Adresse des Bildes und die Größe ist unbekannt:
Der Link lautet in etwa:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVQI12PYCAAAswCyixxJiAAAAABJRU5ErkJggg==

Valeria · 15. März 2016

Meh :/ Mit dem Link kann ich ehrlich gesagt nichts anfangen.
Dann probier mal die Seite abzuspeichern ob du das Bild dort findest.
Oder Methode 3: Seitenquelltext gründlich durchforsten xD

alles · 15. März 2016

Nach Methode 2 werden alle möglichen Dinge abgespeichert, nur nicht das begehrte Bild.
Über den Seitenquelltext ist auch nichts zu machen:

<!DOCTYPE html>
<html>
<head>
<title>
DingDong
</title>
<meta charset='utf-8'>
<link href='/app.css' rel='stylesheet' type='text/css'>
<link href='' id='theme_css' rel='stylesheet' type='text/css'>
<link href='/img/favicon.ico' rel='shortcut icon'>
<script src='/app.js' type='text/javascript'></script>
<meta content='width=device-width, initial-scale=0.8, maximum-scale=0.8, minimum-scale=0.8' name='viewport'>
<meta content='yes' name='mobile-web-app-capable'>
<meta content='yes' name='apple-mobile-web-app-capable'>
<meta content='black-translucent' name='apple-mobile-web-app-status-bar-style'>
</head>
<body class='noselect scaleViewPort' onload='init()'>
<style id='generated'></style>
<style id='generated2'></style>
<style id='performanceModeStyle'></style>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45410268-8', 'auto');

if(FZ.config.theme !== 'false') {
var style = document.getElementById('theme_css')
style.href = '/' + FZ.config.theme
}

var performanceModeStyleAttributes = [
'.sub-view {-webkit-transition: none !important; transition: none !important;}',
'.sub-view>.title {-webkit-transition: none !important; transition: none !important;}',
'.sub-view .scrollable {-webkit-transition: none !important; transition: none !important;}',
'#menuLogo .logo, #menuLogo .back {-webkit-transition: none !important; transition: none !important;}',
'#Reader #options {-webkit-transition: none !important; transition: none !important;}',
'#Reader #navigator {-webkit-transition: none !important; transition: none !important;}',
]

if(FZ.config.performanceMode) {
var style = document.getElementById('performanceModeStyle').innerHTML
style += performanceModeStyleAttributes.join(' ')
}

if (FZ.isFileApiSupported()) {
ga('send', 'pageview', {'dimension1': 'No', 'dimension2': "81.189.21.105"});
} else {
ga('send', 'pageview', {'dimension1': 'Yes', 'dimension2': "81.189.21.105"});
}

window.gorigin = FZ.getCookie('gorigin')

var style = document.getElementById('generated').innerHTML

if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
style += '* {-webkit-text-stroke-width: 0.5px;} '
}

if (navigator.userAgent.indexOf('Trident') != -1) {
style += '.sub-menu .dim {left:490px !important} .search_control {width:calc(100% - 20px) !important;}'
}

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
style += '.grid_control {width:100% !important} .sub-view.open > .title {width:100%; !important}'
style += '.sub-view {-webkit-transition: none !important; transition: none !important;}'
style += '.sub-view>.title {-webkit-transition: none !important; transition: none !important;}'
}

document.getElementById('generated').innerHTML = style

window.fbAsyncInit = function() {
FB.init({
appId : '545028138849361',
xfbml : true,
version : 'v2.4'
});
};

(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<style id='favcss'></style>
<div id='unsupported-container'></div>
<div id='popup-container'></div>
<div id='menu-container'></div>
<div id='submenu-container'></div>
<div id='view-container'></div>
<div id='datadump' style='display:none'></div>
<img id='blankpixel' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVQI12PYCAAAswCyixxJiAAAAABJRU5ErkJggg=='>
</body>
</html>

Da führt wohl kein Weg an ein SnapShoter, wobei selbst es da darum geht, den Geeigneten zu finden!

Valeria · 15. März 2016

Ist ja wirklich wehrhaft die Seite^^
Am Besten in Zukunft die Seite einfach meiden wenns geht xD

Mit Snapshotter habe ich keine Ahnung, brauche ich glücklicherweise auch nicht.
Wünsche dir noch viel Erfolg!

alles · 15. März 2016

Vielen lieben Dank für Deine Mühen!
Die Seite ist eine Herausforderung, daher muss man wirklich alles Step-by-step durchprobieren.
Wer weiß, vielleicht ergibt sich noch was ^^

JaeMcBean · 16. März 2016

alles schrieb:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVQI12PYCAAAswCyixxJiAAAAABJRU5ErkJggg==

Das ist nur ein einzelnes Pixel - das kann es nicht sein. Mal probiert, die Seite ohne Flash oder ohne JavaScript aufzurufen?

(das Pixel oben kannst du dir selbst anschauen, das ist nur base64 kodiert, speicher die Zeichenkette "iVB...===" in einer Textdatei base64.txt und dann auf der Kommandozeile unter Windows "certutil -decode base64.txt base64.png")

die ziege · 16. März 2016

Kann man die Seite nicht einfach über "Drucken" als PDF speichern und dann das Bild extrahieiren oder capturen mit z. FastStone ImageViewer Freeware Funktion "region/bereich"?

Suche

Bilder, die über die Fenstergröße hinausragen, screenshoten!

alles

Lt. Junior Grade

Smily

███▒▒▒▒▒▒▒ Pro

Valeria

Admiral

alles

Lt. Junior Grade

Valeria

Admiral

alles

Lt. Junior Grade

Valeria

Admiral

alles

Lt. Junior Grade

JaeMcBean

Lt. Junior Grade

die ziege

Lt. Junior Grade

Ähnliche Themen