who wants to talk about css print styles?

[PixelLuv]

i can make it work for the most part. i have one protype working. i know what work around to using high rez images i'd like to use, but i am having an issue controling the size of the images.

my canvas size is 8 x 10.5

my dpi is 300 that gives me 2550 x 3300px
and at 72 dpi i get 612 x 792px

i can declare the size in inches or pixels and i get totally the wrong size image. if the things is 8 x 10.5. i have always had images/prints print to the canvas size and quality was determined by bit depth. what am i missing?
~Pxl

[ukgeoff]

If I understand you right, you have an image created, by the sounds of it, in Photoshop, at a certain resolution that when you try to print it from a web page doesn't print to the size you would expect.

When you send an image of say 5in wide on screen at 72dpi to the printer, all the printer knows is that you have sent it a .jpg file for example that is 360 pixels or to it 360 dots wide. If the printers print resolution is set to 200dpi, a typical default, it will print an image 1.8in wide.

If you want people to be able to print a high-res picture directly, you are going to have to provide a link to that version as well as the on screen web page version.

There is of course another problem. You have no control over the settings on the end users printer.

[PixelLuv]

you got it. it's the printer resolution that is screwing me. still matching the printer resolution and the css doesnt seem to help. i can futz with it and get it to line up fine, but id like it to make sense.

the only saving grace in this case is tha,t this is a print off on a kiosk i'm designing, so i do have control.

good stuff geoff. thanks for the input.

~Pxl

[minute44]

Geoff's right on this, all you can do is your best but even that can be dashed if the end user's printer isn't set up correctly.

[PixelLuv]

ok i hear what your saying. but how do i align the image with the printers resolution?

if the printer is going to print the image at the resolution set by the print driver then i should be able to give my image the right height and width to size it properly. this assuming you know the printer you are using and i do in this case.

for instance. if the canvas for the image is 8 x 10.5 so if the printer is set to 300 dpi then i would think that i could set my img height to 3150px and width to 2400px and the aspect ratio would match up and id get what i want. what i get is a huge poster size image. ok, well try screen resolution. so i use 576 x 756 and i get a tiny image.

i can sit and sort it out by using print preview and playing with the numbers till it fits. i would just like it to make sense to me. The magic number for those who care...

width: 1135px;
height: 1370px;

this on a printer set to 600dpi works a charm.


~Pxl