homepage Welcome to WebmasterWorld Guest from 54.166.108.167
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

    
Resolution, DPI
yllai




msg:854630
 2:37 am on May 6, 2004 (gmt 0)

Any one can explaine to me what is resolution, DPI, pixels, file size? What is the different between them? How they are related?

Where can I get more details information?

 

TheDave




msg:854631
 3:56 am on May 6, 2004 (gmt 0)

Resolution is the "fine-ness" of the image, and it is measured in DPI. DPI stands for Dots Per Inch. A dot is a pixel and a pixel is a dot. If you have a 96dpi image, there are 96 pixels for every inch.

Each pixel takes up 3 bytes (which make up 3 values from 0-255 which are the values of Red, Green and Blue at that pixel) - so a 1 inch square image, at 96dpi, will contain 96x96x3 bytes = 27648 bytes = 27.65kb

That is for an uncompressed 24-bit image (because there's 8 bits in a byte they call them 24 bit images) with no header information in the file. Usually the file will have some extra bytes at the start which define the size and resolution (dpi) of the image, so your 27kb image will actually be 28kb.

Llama




msg:854632
 4:51 am on May 6, 2004 (gmt 0)

I think eyes can only see about 96 dpi.. maybe it was over a hundred though, can't quite remember.

However, computer screens can show only around 72 dpi on average.

yllai




msg:854633
 5:06 am on May 6, 2004 (gmt 0)

TheDave, is it means that resolution 600 same as 600dpi?

The what is the different between resolution and standard dimension like 800*600? is it 800*600 same as resolution 480000?

TheDave




msg:854634
 6:00 am on May 6, 2004 (gmt 0)

Monitor resolution is also measured in pixels - an 800 x 600 screen consists of 800 pixels across and 600 pixels down. The "DPI" of this screen resolution is dependant on the size of the monitor. Remember, DPI means Dots Per Inch, so if you have a monitor that is 15 inches across, and the screen resolution is 800 x 600 pixels, the DPI resolution will be 800 divided by 15, which is about 55dpi.

To simplify:

Monitor resolution is the the number of pixels fit across and down your computer screen. You can increase your monitor resolution to fit more dots across your screen.

DPI resolution is a standard measure used in the real world to describe the number of Dots Per Inch

paybacksa




msg:854635
 6:20 am on May 6, 2004 (gmt 0)

Just to clarify, a "15 inch monitor" is roughly 15 inches on the diagonal (not across), and most monitors don't fill the entire area with image. Something to consider if you try to do math like if you have 800x600 on a 15 inch monitor...

Simplest way I explain it is that INCHES only come into play when you are printing. So DPI has no importance for displayed images, only printed images.

"640x480 resolution" means 600 pixels wide, and 480 pixels high, ON THE SCREEN. What is the image's "DPI"? That is determined at print time, by your computer setup (software settngs, printer driver, printer settings, etc).

600dpi means 600 dots (like pixels) per INCH, so it must be referring to printouts. Eventually you come to nderstand that what you need as an image file is determined by what you intend to do with it (display or print). Many people don't accept that.

As for file size, that will depend on the file format (GIF, JPG, PNG, etc) other binary format if it is a printable document (Word doc, PDF, bitmap, etc)

TheDave




msg:854636
 7:18 am on May 6, 2004 (gmt 0)

Yeah I know about the diagonal thing but didnt want to confuse matters ;P

yllai




msg:854637
 12:16 am on May 7, 2004 (gmt 0)

that means, when we want to printing a very clear image, we have to set the DPI of image to be very high, is it?

paybacksa




msg:854638
 3:49 am on May 7, 2004 (gmt 0)

For print, yes, the DPI must be as high as your printer will allow. After that, it gets interesting.

the SIZE it will print is determined at print time, by the print resolution (dpi). So a 900x900 pixel image will print, at 300dpi, as a 3x3 printout. If you print it at 600dpi, it will be finer print BUT it will also be smaller (1.5 inches square). If you want it to still print as 3x3 inches, it will be grainy (lower resolution).

So you see if you want a certain SIZE printout and fine printed image (300dpi), then you have to define your image file accordingly. It will be a very large file.

For screen use, the same fine appearance for a 3x3 inch SCREEN size would be a relatively small file, for most monitors/settings.

tombola




msg:854639
 5:59 am on May 7, 2004 (gmt 0)

For answers about basic computer/Internet questions, you could use an online computer dictionary like
[webopedia.com...]

sonjay




msg:854640
 11:31 am on May 7, 2004 (gmt 0)

I've struggled with dpi v ppi image resolution v image size for as long as I've been working with graphics, which is a long time.

The key to remember for screen display, if that's what you're after, is the image's dimensions -- how many pixels across, how many pixels down. That is, a 400-pixel-wide image will be 400 pixels wide on every monitor in existence, period, regardless of dpi, ppi, print size setting, or anything else.

jusdrum




msg:854641
 3:01 pm on May 10, 2004 (gmt 0)

The human eye can see a lot more than 96 dpi! Studies indicate that we can see detail as much as 9,600 DPI (coincidence that it starts with 96).

Basics to know:

DPI=Dots per square inch

PPI=Pixels per square inch (same thing as DPI, just a different name)

The higher the DPI, the better quality print. The more dots there are per square inch, the more detail your eye will see.

As other people have pointed out, DPI (or PPI for that matter) doesn't matter on screen, only pixel dimensions matter. DPI only matters for print.

Text and vector graphics should be printed at the printers maximum. Offset presses often print text and vector graphics at 4,800 DPI and higher.

The standard DPI for a printed photograph if 300. There's a point of diminishing returns for high resolution photo printing because CMYK prints acheive their colors by offset, halftone screens. Those screens are made of dots that only get so small. 300 is the standard because most presses (and desktop printers) can't print any detail finer than 300 dpi because of their halftone screen's dot size.

Another thing to keep in mind. If you are going to use Photoshop's image size option to set an image's DPI, please remember that Photoshop can't invent detail that isn't there. What I mean is, that if you have an image that is 3"x3" @ 72 DPI, increasing it's resolution to be 3"x3" @ 300 DPI will NOT make the image look better. While your image will now be 300 DPI, it will be a fuzzy 300 DPI. Photoshop's default interpolation (interpolation means scaling up an image aka blowing up a photograph) method is bicubica interpolation. Bicubic interpolation samples the dots around it and adds the additional pixels as a mix of the colors next to it. What that means is that if you have a photograph of a leaf, increasing the resolution isn't going to suddenly put in detail that wasn't there before (like a ladybug that you couldn't see @ 72 DPI).

So if you want to have 300 DPI photos that will look good, you have to start with an image that is already the size you need at 300 DPI or larger (down sampling is ok for detail, just not the other way around).

SupaDucta




msg:854642
 9:31 pm on May 10, 2004 (gmt 0)

Basically, the minimal print resolution should be estimated using a simple formula:

Raster elements min. resolution = imagesetting liniature (lpi=lines per inch) x 2.

Namely. If you're going to output your jobs on a 2540 dpi/150 lpi imagesetter setup (general offset), you should use at least 150 lpi x 2 = 300 dpi raster element's resolution. At 175 lpi, you should use minimally 350 dpi.

On a rotooffset (web), at 90 lpi - 180 dpi images, 120 lpi - 240 dpi images.

All together to ensure smooth gradients without banding and smooth light- and dark- midtones and tonal transitions.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved