Image Sizing
-
Last week I scanned some product brochures for use on a web site. I scanned A4 pages at 600 DPI, and the images were large. In the interests of giving the site owner a glimpse sooner, I just arbitrarily resized them using Paint.NET to a width of 800 px, preserving aspect ratio. They look OK on the site now, but I would like to know what would be a good size image to set these to, and possibly show a scaled down image but link to the full size image. These images contain descriptive text that is about 8pt on the A4, which I also need to keep legible.
-
Last week I scanned some product brochures for use on a web site. I scanned A4 pages at 600 DPI, and the images were large. In the interests of giving the site owner a glimpse sooner, I just arbitrarily resized them using Paint.NET to a width of 800 px, preserving aspect ratio. They look OK on the site now, but I would like to know what would be a good size image to set these to, and possibly show a scaled down image but link to the full size image. These images contain descriptive text that is about 8pt on the A4, which I also need to keep legible.
did you publish the website yet
The Web Developer Beirout-Lebanon
-
Last week I scanned some product brochures for use on a web site. I scanned A4 pages at 600 DPI, and the images were large. In the interests of giving the site owner a glimpse sooner, I just arbitrarily resized them using Paint.NET to a width of 800 px, preserving aspect ratio. They look OK on the site now, but I would like to know what would be a good size image to set these to, and possibly show a scaled down image but link to the full size image. These images contain descriptive text that is about 8pt on the A4, which I also need to keep legible.
-
Last week I scanned some product brochures for use on a web site. I scanned A4 pages at 600 DPI, and the images were large. In the interests of giving the site owner a glimpse sooner, I just arbitrarily resized them using Paint.NET to a width of 800 px, preserving aspect ratio. They look OK on the site now, but I would like to know what would be a good size image to set these to, and possibly show a scaled down image but link to the full size image. These images contain descriptive text that is about 8pt on the A4, which I also need to keep legible.
As it's for a website, why not change the DPI on the pages? You don't really need 600DPI when most people have monitors that display 96DPI.
Deja View - the feeling that you've seen this post before.
-
As it's for a website, why not change the DPI on the pages? You don't really need 600DPI when most people have monitors that display 96DPI.
Deja View - the feeling that you've seen this post before.
-
72DPI will do just fine too IMO :)
xacc.ide - now with TabsToSpaces support
IronScheme - 1.0 alpha 4a out now (29 May 2008)leppie wrote:
72DPI will do just fine too IMO
True. Very true. I think that 600DPI is a bit too excessive.
Deja View - the feeling that you've seen this post before.
-
As it's for a website, why not change the DPI on the pages? You don't really need 600DPI when most people have monitors that display 96DPI.
Deja View - the feeling that you've seen this post before.
I'll be doing some work on the images, so I'll scan them again before going live. I would, however, like something that will print well, and not just display well.
-
I'll be doing some work on the images, so I'll scan them again before going live. I would, however, like something that will print well, and not just display well.
-
I'll be doing some work on the images, so I'll scan them again before going live. I would, however, like something that will print well, and not just display well.
Are you displaying them with CSS? If so, you could always use a different stylesheet for printing. It's easy enough to do, and just involved you using the media type.
Deja View - the feeling that you've seen this post before.
-
The actual image size looks about right to be honest. However the issue is more with how long the images take to download perhaps do as other suggest and have one high-res one for printing (or put the brochures into PDF format for download) and leave a progressive JPEG as the web-image (progressive means it'll load a low-res one first and then do several so you get better and better quality images the longer you wait).
-
Last week I scanned some product brochures for use on a web site. I scanned A4 pages at 600 DPI, and the images were large. In the interests of giving the site owner a glimpse sooner, I just arbitrarily resized them using Paint.NET to a width of 800 px, preserving aspect ratio. They look OK on the site now, but I would like to know what would be a good size image to set these to, and possibly show a scaled down image but link to the full size image. These images contain descriptive text that is about 8pt on the A4, which I also need to keep legible.
People rarely print stuff out these days but the traditional solution to this problem is to have two images, one for printing and one for viewing and work up a method for it accordingly, like the css tricks for print versus display I forget the tags or if you click on the image it displays in high res for printing.
"It's so simple to be wise. Just think of something stupid to say and then don't say it." -Sam Levenson