Massive printing file size when using background-image

Antonis Mitsopoulos · Jun 30, 2004

Hi there, I've got the following problem when trying to print a web page in
Internet Explorer:

I found out that when I'm using a "background-image" property in my Body tag
I get an
extremely big printing file size. If I take this background-image off, my
page appears in my printer's queue
about 60KB but when I'm adding this (which is just 1KB), it gets more than
1MB.
The .gif file I'm using for the background is less than 1KB.

e.g.
<body style="background-image:url(images/backgr.gif);">

Thanks a lot

Neal · Jun 30, 2004

Hi there, I've got the following problem when trying to print a web page
in
Internet Explorer:

I found out that when I'm using a "background-image" property in my Body
tag
I get an
extremely big printing file size. If I take this background-image off, my
page appears in my printer's queue
about 60KB but when I'm adding this (which is just 1KB), it gets more
than
1MB.
The .gif file I'm using for the background is less than 1KB.

e.g.
<body style="background-image:url(images/backgr.gif);">

Thanks a lot

<body style="@media screen{background-image:url(images/backgr.gif)};
@media print {background-image:none}">

Not tested, not sure it would work, but logically it would apply the style
only to screen and not to print.

Toby A Inkster · Jun 30, 2004

Antonis said:
If I take this background-image off, my
page appears in my printer's queue
about 60KB but when I'm adding this (which is just 1KB), it gets more than
1MB.

Your background image is tiled. When it's sent to the printer, it's sent
lots of times because of the tiling.

C A Upsdell · Jun 30, 2004

Antonis Mitsopoulos said:
Hi there, I've got the following problem when trying to print a web page in
Internet Explorer:

I found out that when I'm using a "background-image" property in my Body tag
I get an
extremely big printing file size. If I take this background-image off, my
page appears in my printer's queue
about 60KB but when I'm adding this (which is just 1KB), it gets more than
1MB.
The .gif file I'm using for the background is less than 1KB.

e.g.
<body style="background-image:url(images/backgr.gif);">

You may want to add some CSS to make your site printer-friendly. E.g., in
one of my sites I use:

@media print
{ a, a:link, a:visited, a:active, a:hover { color:#003; }
html,body,a,div,button,h1,h2,h3,h4,h5,h6, i.note,p,td,td ul,li {
font-family:'Times New Roman', Times, serif; }
html, body { margin:0; background-color:#fff; background-image:none;
border:1px solid black; }
ul { list-style-image:none; }
}

Here I make all links the same colour, all text in a serif font, and
unwanted backgrounds removed.

background image for each page	1	May 11, 2016
Centering a button using flexbox	2	Feb 5, 2023
Image shifts to the right when export the page to pdf	4	May 5, 2023
Having difficulty with the layout of these images / video for this web page	2	Jul 5, 2022
Background image	2	Sep 10, 2007
Make 'Image X' spin 360deg on y-Axis until reset button clicked	1	Jan 22, 2023
R"richard" help out: background images in mobile	5	Mar 6, 2014
Flip-Cards with Local Images	1	Mar 27, 2023

Massive printing file size when using background-image

Antonis Mitsopoulos

Neal

Toby A Inkster

C A Upsdell

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads