Mobile app version of vmapp.org
Login or Join
Rivera951

: How to Compare a Dot (used in printing) with a Pixel (used in websites)? I am a web developer but I am noob in designing. I have an html page of size 640 pixel * 800 pixel. I have converted

@Rivera951

Posted in: #PrintDesign #WebsiteDesign

I am a web developer but I am noob in designing. I have an html page of size 640 pixel * 800 pixel. I have converted this html page to pdf using wkhtmltopdf. But my boss is saying that we need to print this in 300 DPI. So make it so that it looks good. I am not understanding how to treat pixel with dots?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Rivera951

1 Comments

Sorted by latest first Latest Oldest Best

 

@Hamaas979

ppi is how many pixels are squeezed into a real-world inch (pixels per inch). If you want to print something 6x8 inches at 300ppi, it needs to be 1800 x 2400 pixels (6 x 300 and 8 x 300).

Typically for screen we use 72 or 96 ppi, but it is irrelevant as screen will display 1 image pixel per screen pixel.

For print, you can make the print quality sharper by increasing the number of pixels in each inch, so 400ppi is sharper than 100ppi for example. In other words, it is about how big an area you want to disperse those pixels. 300ppi is industry standard for printed materials.

A 1800x2400px image is the same size regardless of whether it is set at 72ppi or 300ppi. The ppi just tells you how to display those same number of pixels (which only really matters for print, as onscreen, density is dictated by your monitor).

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme