[kevs]

Curious what techniques people use for saving long web pages with photos etc as small jpegs. Can do print save as pdf, but they end up pretty big. thanks.

[Gavin]

you could always just take a screen shot.


hit: command shift 4

and drag the mouse over the part you want as a picture

if you need to automate it there are some open source projects that do this sort of thing using a page rendering engine and imagemagick

[loren s]

what about the whole page ?//???

I have never seen one that does that... Andprint to pdf doesnot work well with web pages yet

[osxisfun]

here ya go govenor...

paparzzi

http://www.versiontracker.com/dyn/moreinfo/macosx/24625

does exactly what you want...

[loren s]

duuude sweettttttb thank you !

[osxisfun]

thank the dev. he took a python script that existed (already?) and wrapped a cocoa wrapper around it...

damn fine app...

[kevs]

That's an interesting software, is he the first one to do that?

I only see png, not jpeg, but what is png?

Anyway, though, they come out actually almost double the size of a pdf, and don't look as nice, so I'm thinking still best idea is pdf, and then compress the pdf.

[Love Calm Quiet]

Yes, I also see only png... which when opened in Preview (default for png on my sys) it looks awful. But if the png is opened Safari, it's great.

Bonus: when I look at a MacNN page with activated gif - in the png the ^%$#@ smilies aren't dynamic & sucking CPU cycles! & I miss out on the "dynamic" ads.

[osxisfun]

Originally posted by kevs:
That's an interesting software, is he the first one to do that?

I only see png, not jpeg, but what is png?

Anyway, though, they come out actually almost double the size of a pdf, and don't look as nice, so I'm thinking still best idea is pdf, and then compress the pdf.

for what we are doing here PNG is better than JPEG. its a lossless gif type format.

don't know why its doing that in preview but it looks fine when i open them in photoshop 7.

[JKT]

Here's a "how to" that I wrote a while ago for reducing the size of files generated by the Print to PDF... feature of the Panther print dialogues. It simply uses the Coloursync options available natively in OS X so doesn't require any third party software.

[eatinwokout]

Originally posted by osxisfun:
here ya go govenor...

paparzzi

http://www.versiontracker.com/dyn/moreinfo/macosx/24625

does exactly what you want...

i tried this app out and opened the resulting file in preview.app and it looked horrible. i couldn't read a single word.

[osxisfun]

????

i think it may have to do with the length of the web page. try it on a smaller page and in a diff app like photoshop and see if that helps.

[kevs]

I will probably get pdf compress and spend the money, too time consuming doing it manually.

I think we are all still waiting for something to give us a long web page in jpeg/pdf in a small file in one step.

[osxisfun]

Originally posted by kevs:
I will probably get pdf compress and spend the money, too time consuming doing it manually.

I think we are all still waiting for something to give us a long web page in jpeg/pdf in a small file in one step.

do you plan on making this pdf via file - print -> save as pdf?

if so, remember that there are a lot of visual bugs when you output to pdf... at least for the sites i needed.

[kevs]

that's the only way I know, what else is there?

[osxisfun]

none that i know of..


there is always this too:

browsercam.com

[Love Calm Quiet]

eatinwokout:

Well, Paparazzi produces a png, and YES, it is bad in Preview. I dropped it on Safari and seemed to look great to me. But, of course you can't enlarge the view of a graphic in Safari.

Opening the png in Graphic Converter seems to reveal that there's been a lot of info lost - like Paparazzi is using the Mac OS anti-aliasing! Oh well...

[TimmyDee51]

I just took a shot of my web page and it turned out fine in the PNG format. I think the key is to make sure that you're zoomed in to 100% of the original's size, otherwise Preview does a horrible job downsampling the file for viewing on the screen.

If you want to make a thumbnail, here's a little trick I picked up (beware: uses Photoshop).

• Blur the image. I would recommend a Gaussian blur with a radius of 3 px, but you can play with it till you are satisfied.
• Reduce the image size to the size you want.
• Sharpen the image. I just use the plain old Sharpen filter.
• Save!

For some reason, this seems to make the thumbnail appear crisper than just downsizing it. If you want some examples, check out http://www.de-chant.com/tim/design.html for some screens I made into thumbnails using this technique.

If you have a lot of thumbs to make of the same size, you can always make a PS Action of these steps. I have a few that make thumbnails of various dimensions. Very handy.