Web Images and Printing

I’m trying to post some graphics on a website that should also be printed. The situation, as with almost all web graphics I’ve ever worked with, is that this files print available " pixelly" plus low resolution.

I’ve been making use of GIF files because these are non colored documents graphic line images (with text notations). Your originals are vector centered Illustrator files.

I’ve tried doubling the size and displaying these individuals at half the size and style in the HTML hoping that may fool the printer’s, but that did not worked.

Then I tested out bringing the Vector Painting into Photoshop with a higher resolution and displaying the larger resolution file within the HTML, but this didn’t work sometimes.

The browsers aren’t taking it – that they still print all of them as low res information.

Will it be the file file format Would a JPG or perhaps PNG work superior

I could truthfully use a PDF FILE download, but your website owner wants a web site page with the print button.
Can a Printing CSS file admittance a vector based file emerge a hidden div

Every thoughts, or experience keeping this
Bless you.

typically impress friendly resolution intended for an image is actually 300 dpi. so We would suggest a button that triggers the full-size jpg as well as png file. need to link lead into the actual file rather than an html file while using an img tag from it.

Paul, make two images for every picture you get.
A hi-res (large size file) for the actual image that could be printed,
including a 2nd (smaller) as well as lower-res image to display against your web page.

People see the smaller,. jpg lo-res picture, and when they mouse click on that,
your link opens this larger (hi-res) impression.

I’ll need to do some more experimenting.
The graphic is in a layout that includes hypertext information that also would need to print with this.

Opening the latest window with a bigger, high res, picture won’t work. I might as well create a PDF file with the information.

The next note:
I would imagine 300 dpi would have been a resolution for high end press ready records. 150 should be large enough to get typical desktop printing companies. Any thoughts

Far from the truth, especially if this graphics are non colored documents. most high-end clicks will typically use higher then 300dpi. it really will depend on how clear you wish your graphics to help print.

On earth do you provide us having an " Instance Page" so you can easliy see what a person mean

I guess I’m differentiating between advanced off-set lithography presses and small desktop computer inkjet or laser authors. Other than Vector Primarily based graphics, I’ve never observed any difference among a 300dpi including a 150dpi image printed with a desktop laser printer manual.

I’ll test that.

http: //www. bdiusa. com/theater/specifications/avion_corner_8521. shtml

It’s really a pop-up window. There’s a regular (inches) and Metric edition. The client sooner or later wants a " Print" mouse. As you cane easily see the graphic is usually pretty small the way it is. The word is somewhat well not required, but they want it all. Diagram plus text.

Your GIF file structure didn’t work. I’ll try JPEG and PNG (at 300dpi) to find out if it tends to make any difference.

So perhaps there is a reason which a print button couldn’t print
a larger image than the one which is displayed

Say you will have the " huge hi-res" image stored in a very different
directory, and a offline button uses The particular one when it designs,
not the one which is shown against your page.

This seems like it may be an AJAX or perhaps plain Javascript technique.

That may be done using any Print CSS document. Hide the high res file in a very hidden div with the regular CSS file, and display the item (while hiding this low res) for the Print CSS.

I dumped this GIF format and bound to JPG and PNG. JPG was somewhat cleaner.
What did actually work best was to add to the original Illustrator document 300 or 400% in that case " Saving for Web as well as other devices" – it generates a 72 dpi file but having a large pixel width and height.

While in the code I shrunk this width and top to size. It looks fine about the screen and that prints out quite sharp – quite a bit less nice as vector, however legible, with reasonably crisp lines.

Using 300 dpi files didn’t make a whole lot of of a change. Making large, small res files, and shrinking these down worked just the same.

The quality is not substantially different, so there probably are not the need for just two files or concealed divs.

A long way it’s just happen to be simple tests, I’ll need to try it considering the actual layout, but There’s no doubt that I’m close.

This entry was posted in Web Design and tagged , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *