Estilos de impresión: cómo asegurarse de que la imagen no abarque un salto de página

Al escribir una hoja de estilo de impresión, ¿hay alguna manera de garantizar que una imagen esté siempre en una sola página, en lugar de abarcar varias páginas? Las imágenes son mucho más pequeñas que la página, pero según el flujo del documento, terminan en la parte inferior de la página y se dividen. A continuación, se muestra un ejemplo del comportamiento que estoy viendo:

Page 1 |                    |
       |  (text text text)  |
       |  (text text text)  |
       |  ________________  |
       | | Top of image   | |
       |____________________|
       ------page break------
        ____________________
Page 2 | | Rest of image  | |
       | |________________| |
       |         …          |

Que me gustaria

Page 1 |                    |
       |  (text text text)  |
       |  (text text text)  |
       |                    |
       |                    |
       |____________________|
       ------page break------
        ____________________
Page 2 |  ________________  |
       | | Full image     | |
       | |                | |
       | |________________| |
       |         …          |

Todas esas veces me quejé de los flotadores en LaTeX, y aquí estoy pidiendo la misma funcionalidad ... ¿Se puede hacer esto? No me preocupa necesariamente que funcione en todos los navegadores, ya que a menudo es un documento único que estoy escribiendo para convertirlo en PDF.

El único medio en el que puedo pensar es usar una (o potencialmente más) de las siguientes reglas CSS:

img {
    page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-inside: avoid; /* or 'auto' */
}

Recuerdo a medias que estas declaraciones solo se aplican a elementos a nivel de bloque (por lo que también tendrías que definir display: block;en tu imagen, o usar algún tipo de contenedor de envoltura y aplicar las reglas a eso (ya sea en un párrafo, div, span , lista, etc ...).

Una discusión útil aquí: " ¿Cuáles son las media="print"propiedades CSS más útiles específicas y compatibles con todos los navegadores? "

Referencias:

• page-break-after.
• page-break-before.
• page-break-inside.