928Views8Replies

Author Options:

How do I turn screenshots for my computer into acceptable pictures for instructables? Answered

I have an instructable on software to design better curved reflectors for solar cookers (among other things). Anyways, I put in screenshots of how I use the software and of my results tabulated in a html page with the pictures of different reflectors and how good they are in tables. The screenshots are actually fine but when i upload them they turn brutal. How can i keep the quality of the screenshot after uploading. This is really important for this particular instructable. The screenshots show that for a 1 or 2 hour unattended cooktime, there are several curves that are significantly better than a parabolic dish. But they do not show anything much after upload! I have the most recent one below. Brian

Comments

The forums are retiring in 2021 and are now closed for new topics and comments.
0
kelseymh
kelseymh

12 years ago

Don't save as JPG. Save as either GIF or PNG. The JPEG compression algorithm is built around the assumption that the image consists of a continuous gradation of color, with intermittent edges (i.e., a photograph. The GIF and PNG compression algorithms are built around the assumption of "blocks" of single colors, such as line drawings. Your image above is much better suited for GIF or PNG than for JPEG.

0
yokozuna
yokozuna

Reply 12 years ago

agreed. I suggest PNG in particular, but would resize to the instructables big picture posting size, and save the file since they say above it will be converted anyway. That way you won't get the lossy qualities of resizing, only of the conversion itself. It's also my understanding it's also possible to see pictures at the original size, though I've never actually had need to try this... but if that's the case, you may re-consider resizing at all.

0
11010010110
11010010110

12 years ago

insts converts images to jpeg jpeg sucks (except for photos where its not very noticable)

0
lemonie
lemonie

12 years ago

(other comments noted) I used 16 colour bitmaps for this one (excepting the XP window), because they're small and sharp. It's worth thinking about colour depth / file size for images like this and the one you posted.

L

0
NachoMahma
NachoMahma

12 years ago

. I think part of the problem is that Ibles will resize some pictures when needed. Resizing frequently introduces artifacts. I haven't researched this, just the way it "feels" to me. If this is true, try to find out what sizes Robot considers standard and make sure your pics are one of those sizes. . . kelseymh makes a good point about JPEG/GIF/PNG - JPEG frequently doesn't do well with non-photo images.

0
n8man
n8man

12 years ago

Hmmm, My screen shots seem to turn out fine, maybe they get smaller when put on topics and such. Try going to the picture source page and changing the capital letters at the back to ORIGINAL.

0
n8man
n8man

Reply 12 years ago

Make that LARGE, it looks very good on large and says that ORIGINAL does not exist.

0
caitlinsdad
caitlinsdad

12 years ago

Have you tried to see if there is a difference with saving the final image as a jpeg instead of .png to upload? I don't know if the file format is not handled well. Maybe get a higher resolution screenshot if possible.