blurry screenshots image resizing

FR
Posted By
fuzzy_r
Jul 11, 2003
Views
1625
Replies
11
Status
Closed
I am taking screenshots for an online manual. I capture the screen/menu etc. and paste it into photoshop v7. When i resize the image, the image becomes blurry and the text almost unreadable. I resize with bilinear – which i was told helps keep the text clear. I’m saving the files as png. Any suggestions? Perhaps a different program/method?

Thanks

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

S
SGC
Jul 11, 2003
Hi,

Ensure – Image, Mode and tick next to RGB

If in Layers – image is on ‘Background’, Double click on Layers preview thumbnail or the word Background and accept the ‘Layer 0’ default.

Save as Photoshop.psd

One of these is the key. I always do all 3 when bringing in a Bitmap or a clipboard capture.

Then Image, Image Size… save in your desired format.



SGC

"" wrote in message
I am taking screenshots for an online manual. I capture the screen/menu
etc.
and paste it into photoshop v7. When i resize the image, the image becomes blurry and the text almost unreadable. I resize with bilinear – which i
was
told helps keep the text clear. I’m saving the files as png. Any suggestions? Perhaps a different program/method?

Thanks

T
Tam
Jul 11, 2003
with screencaptures involving type I often redo type in photoshop.

Tam..
R
Rick
Jul 11, 2003
"Schattenj
N
nomail
Jul 11, 2003
Rick wrote:

"Schattenjäger" wrote:
Hi!

Capturing screenshots normally gives you 70 or 72 dpi images, which means you really don’t have that much to go on when it comes to enlargements, which I think is what you’re doing here.

I don’t know about any really good way og fixing this though, sorry

You can run at a higher screen resolution, that should give you 96 dpi instead of 72. Maybe a bit better.

Nonsense. It’s not the DPI that counts, it’s the number of pixels that counts. Setting a screen to a higher resolution (meaning to more pixels, not more DPI) MAY give you a bigger screenshot, but that depends entirely on the program. Normal windows can usually be adjusted to any size, so a higher screen resolution will indeed give you the opportunity to get bigger screenshots. A full size window displayed on a 600×800 pixels screen, will give you a screenshot that is also 600×800 pixels. A full window on a 768×1024 pixels screen, will give a 768×1024 pixels screenshot. However, menus and alerts are based on fixed pixel- dimensions. If you increase your screen resolution, they will just become smaller on the screen, because they remain the same size in pixels. Consequently, they will always give you the same screenshot, no matter what screen resolution.


Johan W. Elzenga jwe<<at>>johanfoto.nl Editor / Photographer http://www.johanfoto.nl/
S
Superfreak
Jul 11, 2003
You could use the programm s-spline to blow up the images, the edges will not blurry as much as in bilinear or
bicubic routines. Try the Trial to test.

161
"Tam" schrieb im Newsbeitrag
with screencaptures involving type I often redo type in photoshop.
Tam..

N
nomail
Jul 11, 2003
"" wrote:

I am taking screenshots for an online manual. I capture the screen/menu etc. and paste it into photoshop v7. When i resize the image, the image becomes blurry and the text almost unreadable. I resize with bilinear – which i was told helps keep the text clear. I’m saving the files as png. Any suggestions? Perhaps a different program/method?

How do you resize? Most people that answered so far, seem to think you want to make them bigger, but I don’t think so. I suppose you want to make them smaller, because it’s for online purposes.

If you want to make them smaller and still have text that can be read, do not use "bilinear" but use "bicubic". Bilineair (or Nearest Neighbor) is good for INcreasing the size of screenshots, but not for DEcreasing them. Also, try to decrease exactly 50% or 25%, not something in between.


Johan W. Elzenga jwe<<at>>johanfoto.nl Editor / Photographer http://www.johanfoto.nl/
MG
Mark Gusev
Jul 11, 2003
just resize it in the correct rations, you should always use, 25%, 50% or 75% everything else is gonna end up blurry .
FR
fuzzy_r
Jul 12, 2003
Thanks for all the replies. I am trying to resize (shrink) the images to fit into a HTML based software manual. Not being a graphics guru, I’m finding it a little difficult.
I paste the image into photoshop
sharpen
resize (shrink)
sharpen
save for web as png.

is this the right order? Is changing the DPI when i paste the image into photoshop going to make a difference?

"Brian" wrote in message
Mark Gusev wrote:
just resize it in the correct rations, you should always use, 25%, 50%
or
75% everything else is gonna end up blurry .

Not if it’s going to print it won’t (resizing in the layout app; using nearest neighbor in Photoshop will prevent blurriness when changing the image dimensions).

Brian
X
xalinai
Jul 12, 2003
On Sat, 12 Jul 2003 14:54:13 +1000, ""
wrote:

Thanks for all the replies. I am trying to resize (shrink) the images to fit into a HTML based software manual. Not being a graphics guru, I’m finding it a little difficult.
I paste the image into photoshop
sharpen
resize (shrink)
sharpen
save for web as png.

is this the right order? Is changing the DPI when i paste the image into photoshop going to make a difference?

When working on screenshots you can omit the first sharpening step. otherwise the order is OK.

When working for the web the DPI is irrelevant, size in pixels is what counts (expect for some browsers that do strange things when you print the page; so having resolution information in each image that leads to correct printing isn’t really bad :-)).

If you want to shrink screenshots and do not rely on crisp letters to show the actual contents but only want to show the overall situation on the screen ("Now your screen should look like this….") a slight blur (radius 1.1-1.2 pixels) makes screenshots almost freely scaleable – even dynamic scaling on websites using percentages for width and height looks good then.

Michael

"Brian" wrote in message
Mark Gusev wrote:
just resize it in the correct rations, you should always use, 25%, 50%
or
75% everything else is gonna end up blurry .

Not if it’s going to print it won’t (resizing in the layout app; using nearest neighbor in Photoshop will prevent blurriness when changing the image dimensions).

Brian

DH
David H
Jul 12, 2003
There is a product called snagit with a 30 day free trial

http://www.techsmith.com/download/snagitdefault.asp

"" wrote in message
news:<3f0e7773$0$31274$>…

I am taking screenshots for an online manual. I capture the

screen/menu etc. and paste it into Photoshop v7. When I resize the

image, the image becomes blurry and the text almost unreadable. I

resize with bilinear – which I was told helps keep the text clear. I’m

saving the files as png. Any suggestions? Perhaps a different

program/method?


Thanks


rabbit


"" wrote in message
I am taking screenshots for an online manual. I capture the screen/menu
etc.
and paste it into photoshop v7. When i resize the image, the image becomes blurry and the text almost unreadable. I resize with bilinear – which i
was
told helps keep the text clear. I’m saving the files as png. Any suggestions? Perhaps a different program/method?

Thanks

M
myJanee
Jul 14, 2003
In article <bep8mk$k0v$>,
says…
There is a product called snagit with a 30 day free trial
http://www.techsmith.com/download/snagitdefault.asp

Yeah! Snagit RULES! And then use Nearest Neighbor when sizing up. I was a happy camper the day i discovered this! Also… save screenshots of dialog boxes as GIF’s for best results when you are doing them for the web.
Always me, Janee


http://www.myjanee.com for Janee’s PS Tutorials and PS Resource Links, Janee’s Monthly Art Challenge, Gallery, and more!

If you like my answers or my website, you may want to have a look at my books! Photoshop Elements 2: Most Wanted, PS 7: Professional Photographic Techniques, and PS 7: Trade Secrets. Read about them at http://www.myjanee.com/graphiccreations/publications.htm

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

Related Discussion Topics

Nice and short text about related topics in discussion sections