css - How to get a High quality portable render of an arbitrary sized html document? -

i'm trying design poster using html, css allows me huge canvas (90cmx200cm), can't document send printing.

chromium not allow using custom paper size , firefox let me use required size (on non-standard inches) fails miserably render high quality pdf (even 20px text looks when browsing w/o zoom).

i thinking should able lower level interaction renderer done. output format irrelevant long it's portable enough.

is there way achieve this?

there few things need know. firstly print quality related dots-per-inch. best software , printer in world isn't going make 100 x 100 pixels photo print quality.

http://www.vsellis.com/understanding-dpi-resolution-and-print-vs-web-images/

images on web pages rasterized images, , typically quite low resolution (compressed formats such jpeg , png reduce bandwidth use). might try using high-resolution images , scaling them css (i have not idea how print though).

make sure of text text (don't use images).

to improve quality ensure images high resolution. if possible explore using svg, loss-less format diagrams , line drawings. believe should preserved if print pdf. there third party libraries convert svg pdf.