Print PDF in Chrome from HTML - html

I have a problem :
I need to print a PDF from an html document.
All images sizes together are around 16Mo.
And my final PDF with Chrome is like 150 Mo.
I tried to do the same with Adobe Acrobat on Chrome but he only print the document like an image. I can't search a text in the document... (but the size is like 8Mo)
I tried on Firefox but the render is completely different... (font-size are a lot smaller, even pixels size write in the css...) But it prints a selectable text (so i can do the ctrl+f) and the file is around 10 Mo (with acrobat))
Do you know how can i print with acrobat in chrome to have text and images and not a BIG image from the HTML code ? (in order to have a file < 20Mo and that i could do a ctrl+F)
Thank you :)

Related

CHROME is not rendering some svg

I have a page with a lot of small svg embded (337 exactly)
all like this :
<img src="/path/sub_path/svg-1.svg">
url is relative and all svg are in the same directory
most of them work, but 2 of them are displayed as broken iamge (they appear 16 times for the first and only 1 time for the second).
If I open them in a new tab they are well displayed.
The same page in Firefox works too.
In the network panel the response headers is the same for any SVG (content-length is ok) :
but in the "response" tab instead of seeing the svg as text, I get :
I have no idea what is wrong, is there some kind of limit ?
thanks!
Ok I have found the issue
The file is in ISO-8859-1 but contains the text : °C
th "°" is encoded in utf-8, and prevent Chrome from displaying the svg at all.

Font sizing of embedded pdf in html

I have a brief technical document/note with scientific symbols in pdf. Actually, it's only a half page. To show it on my website I have it saved as a png and then I display the png. But then it does not scale well with different display sizes.
My Adobe pdf viewer scales perfectly with different displays even though the technical document was typeset at 12pt font size.
What's the scaling solution for html on my website? I cannot recreate the technical symbols in html so that they look so good. Is displaying/embedding a pdf a good solution? But what if I only want half of the pdf page to be displayed since only half has any print?

Any way to display PDF in browser full screen

When displaying a PDF with standard (US letter) size pages, the PDF appears to be 'zoomed out' in Chrome. In Firefox, the PDF shows at a better zoom level.
Here is an example:
http://www.pdf995.com/samples/pdf.pdf
When viewed in Chrome on a 4k monitor, it is zoomed out so far that you can see 1.5 pages. While in Firefox you can see roughly half of the first page which in our case is much more desirable.
Is there any way that we can display this PDF at a standard zoom. For example, setting some headers, etc.
I'm currently using PHP to display the PDF, by setting the following headers and then echoing out the file.
Content-type: application/pdf
Content-Disposition: inline; filename=filename.pdf
Any ideas or suggestions would be great!!
From the description above
Chrome was and still does generally use "standard" 100% zoom.
Whilst FireFox was using Fit Width ("roughly half of the first page").
Many pdf extenders but not all will use the Adobe Acrobat URL trailing fragment so for the example in question try
http://www.pdf995.com/samples/pdf.pdf#zoom=200
however that can be fickle and require a second refresh of same URL.
Better (for more consistency) with the questions description of Firefox at the time use.
http://www.pdf995.com/samples/pdf.pdf#view=FitH
Which for me, with my current window in Chromium Brave / Edge will be 136% on this occasion, but some other 100%hv on a different window setting or screen.
Note the above can be over-ridden as much HTML can by the clients setting so assuming they allow a PDF to run with its own control, it works but if they pre-set remember last PDF view setting it may not.

Issue in png image when exporting SSRS report to PDF format

I have an issue in PDF exporting functionality in SSRS report.The report contains a PNG image with several lines.When I preview the report in browser(Both IE and Chrome) that image is displaying correctly but when I exported it to the PDF and open the file in PDF viewer software, the lines inside the image are getting blurry.
The image is loaded to a standard image control in SSRS report.I already have tried all the image size properties inside the image controller(like Original Size / Fit to size etc) and images with different resolutions, but still the issue is there. Please note that I can't change the image format from PNG to other one since I want to keep the image background as transparent.
Can someone help me to resolve this issue please?
This can be a number of things. Sometimes the image is fine but your screen resolution and the PDF viewer combined can make them look bad.
First, try to print the PDF and see if if still looks bad, if it looks OK printed then the chances are it's the screen resolution and/or PDF viewer causing it. I use Nitro PDF and they always look better than using Adobe Reader.
In anyway case, savingthe PNG with higher DPI setting will usually fix the issue. Typically I save PNG's at 600 dpi, which might be overkill but it does mean they are sharp on the PDF.
If you need a Windows tool to save at a different DPI, try Inkscape which is free. When you export images you can set the DPI to whatever you want. Try 600dpi and if that works.

Printing from PDF.js to Dot Matrix Printer

i'm trying to print an invoice from an ASP.NET application to an Epson LX 300+. The problem i have is that i cannot use traditional ReportViewer because printing icon only works on Internet Explorer, the users use Mozilla and Chrome.
We tried to render a HTML page for the invoice and print, but horizontally is reduced around a 50%.
So we are trying create a ReporViewer and export it to a PDF, then open it using PDF.js... the result is the same horizontally 50% less.
The page size is Statement. I'm attaching 2 images printed from the PDF.js
I've noticed if we vary the resolution of the printer, it's 90% horizontally, but also changes the vertically.
Your help would be really appreciated. Regads. Also We tried on Chrome but its really fuzzy.
Printed from PDFjs on Mozilla 120x72dpi
Printed form PDFjs on Mozilla 120x144dpi