Hoge resolutie screenshot

[mrjobby]

Hallo,

Ik heb de vraag gekregen om een schreenshot van een webpagina aan te leveren in hoge resolutie zodat deze geprint kan worden op een poster formaat. Nu heb ik wat rond gegoogled en ben ik wat wijzer geworden over DPI en zie ik dat screenshots 72 DPI hebben en voor print het gewenst is om 300 DPI te hebben.

Ik heb de resolutie van me scherm zo hoog mogelijk gezet en de screenshot gemaakt. Nu vraag ik mij af of er tweakers zijn die hier nog andere tips voor hebben. Helaas heb ik geen (toegang tot de) PSD bron bestanden.

Alvast bedankt

[JukeboxBill]

In Opera kan je de pagina opslaan in PDF. Het resulterende PDF bestand heeft een hogere resolutie dan een schermafdruk en de hele pagina, dus ook het gedeelte wat niet op het scherm zichtbaar is, wordt meegenomen. Een volledige pagina van Tweakers actieve topics overzicht wordt ca. 2 x 3 A4 pagina's.

Ik weet niet of dit met andere browsers ook kan, maar het is wel de richting waarin je het kan zoeken.

[Savantas]

Tja, als je opslaat als PDF is het voordeel dat tekst en eventuele vectorafbeeldingen mooi scherp blijven, ook op grotere afdruk. Maar de afbeeldingen zijn vaak te laag van resolutie (hooguit als er retina-versies getoond kunnen worden). En dan nog is het adagio van print moet altijd 300 dpi zijn onzin. Als je bijvoorbeeld een boek maakt met screendumps van een programma dan ga je die screenshots ook niet vergroten naar 300dpi. Wat je op je scherm ziet in pixels wil je uiteindelijk in je drukwerk ook als diezelfde pixels zien tenslotte.
Je kan afbeeldingen natuurlijk opblazen met nearest neighbour zodat de boel simpelweg meer pixels krijgt, maar daarmee zorg je alleen voor meer te verwerken data, alleen om één waarschuwing in de rip van de drukker tegen te gaan. Een goede drukker snapt best wel dat je voor echt fotowerk inderdaad materiaal van 300 dpi of daaromtrent moet hebben, maar voor zoiets als een schermafdruk wordt een afbeelding gewoon pixeliger afgedrukt. Tot we allemaal retina+ schermen hebben (zoals sommige smartphones al 280 of meer dpi hebben) en de verschillende gui's hierop aangepast zijn (zoals Windows 10 automatisch alles groter wil weergeven bij een 4k scherm), zal dat wel even blijven.

Ik heb ooit een boekje bij de V&D gezien waarin alle schermafdrukken waren opgeblazen naar 300 dpi, met als gevolg allemaal zeer onscherpe afbeeldingen. Een duidelijk voorbeeld van hoe het niet moet (had m bijna daarom gekocht, maar was ie net te duur voor )

[Willem]

Een screenshot maken op je Mac (bijvoorbeeld) met Retina display helpt in zekere zin, alleen als de images op de website 72 dpi zijn zet het weinig zoden aan de dijk

[Rexomnium]

Heb je hier wat aan?
https://devland.at/a/how-...reenshot-in-google-chrome

[_NooT_]

De misvattingen rond dpi blijven erg hardnekkig aanwezig.
Ik zal proberen duidelijk en correct uit te leggen waar je wel en niet op moet letten bij het aanleveren van drukwerk en waar sommige onzinnige opmerkingen en claims vandaan komen.
Super kort en bondig gaat me niet lukken, dus als het je niet interesseert - so be it.

Tips hoe je afbeeldingen met een hogere resolutie kan verkrijgen zijn in eerdere reacties al gegeven.


Wat is dpi?
DPI (dots per inch) is alleen van toepassing op drukwerk.
Het betekent letterlijk hoeveel 'inkteenheden' er per inch worden gebruikt.
Bij drukwerk met de afmeting van 1x1 inch bij 300dpi worden er 300x300 'inkt pixels' gebruik (per kleur).
Hoe hoger het aantal dpi, hoe kleiner de gebruikte inktdruppeltjes.
En hoe kleiner de inktdruppeltjes hoe gedetailleerder de afdruk kan zijn.


Hoe werkt dpi gebruikt bij afbeeldingen?
Dpi is geen fysiek kenmerk, maar een stukje (meta-)data/instelling dat de schaal van de afbeelding aangeeft.
Net zoals de schaalverdeling op een landkaart. Bij 300 dpi geef je aan dat 300 pixels in een afbeelding bij afdrukken een breedte moet hebben van 1 inch.
Dus een afbeelding van 1920x1080 pixels wordt met 300dpi bij afdrukken 6,4 x 3,6 cm groot (ongeschaald)

IEDERE afbeelding kan een instelling van 300 dpi gegeven worden.
Het verschil is dus uitsluitend hoe groot het wordt afgedrukt.


Waarom 300 dpi?
Dat is gebaseerd op de uiterste grens waarop de meeste mensen nog verschil detail kunnen onderscheiden in een bepaald type drukwerk. Volgens mij is dit gebaseerd op illustraties en kleurvlakken. Bij foto's haken de meeste mensen al eerder af. Bij heel fijn lijnwerk kan 600, 1200 of zelfs 2400 dpi gewenst zijn. Denk aan het afdrukken van een hele dunne kromme lijn in een rasterwaarde (bijv 25% zwart)


Waarom 72 dpi ?
Om een foto gedrukt met 300dpi op dezelfde afmeting op je (oude, niet retina) monitor te krijgen, had je iets minder dan een kwart aan pixels nodig.


Kan je een afbeelding met minder dan 300dpi goed afdrukken?
Ja. Het ligt aan de afbeelding of dat een acceptabele kwaliteit oplevert.


Waarom willen drukkers dat je 300 dpi gebruikt?
Meerdere redenen.

1. Ze weten het niet waar ze het over hebben (ik schat dit in op 80% van de gevallen).
2. Als een afbeelding netto inderdaad op 300 dpi wordt afgedrukt, weten ze heel zeker dat de kwaliteit goed is en klanten niet kunnen zeiken dat het aan de drukker ligt dat het drukwerk niet aan de verwachtingen doet.
3. De meeste drukkers hebben hart voor het vak en leveren het liefst iets af wat er goed uitziet. Drukwerk kan er technisch perfect uitzien, maar als de afbeelding een te lage resolutie heeft ziet het er alsnog slecht uit.
4. Vrees voor problemen uit het verleden. In het verleden (lees: minstens 20 jaar geleden) waren computers nog niet zo krachtig. In het prepress gedeelte werd dan ook voornamelijk een lage resolutie versie van een afbeelding gebruikt (jawel, 72dpi). Pas op een heel laat moment (meestal de RIP) werd dit 72dpi beeld door een 300dpi beeld vervangen. Dat ging uiteraard niet altijd goed en het resultaat zag je pas op de 'plaat' voor de drukpers of op de drukpers zelf. Gevolg: veel extra kosten, tijdsverlies en/of een klant die niet wil betalen.

[MsG]

Maar mensen gaan vaak uit van hoe groot ze iets op hun beeldscherm zien. En wil je dat, op basis van een 96dpi scherm (is het meestal tegenwoordig met tft) net zo groot als op je scherm, maar toch mooi, op drukwerk hebben dan moet je er wel degelijk voor zorgen dat je afbeelding dus ongeveer 3x zo groot is qua afmeting (niet opblazen, maar het origineel moet dan 3x zo groot zijn, als de uiteindelijke gebruiksgrootte). Tegenwoordig zie je soms zelfs de lage resolutie whatsapp-foto's in fotoboeken gebruikt worden, de blokjes die je dan krijgt zien leken ook prima.

Als het om een poster gaat waar mensen vanaf een afstandje naar kijken hoef je ook niet per se helemaal voor 300 dpi te gaan. Bushokjesreclame is bijvoorbeeld ook lang niet altijd 300 dpi, want dan moet je wel hele grote bestanden gebruiken.

Maar juist drukwerk met kleine elementen, als letters wil je een mooi hoge dpi, zodat je scherpe vormen hebt.

TL;DR; hou als vuistregel aan dat je afbeelding 3x zo groot moet zijn qua afmeting om hem mooi te kunnen afdrukken op het formaat zoals je hem uiteindelijk wil.