Feeds:
Entradas
Comentarios

Archive for 14 agosto 2013

Curso de creación de ePub (III)

Ya hemos visto en la página de portada cómo insertar una imagen. Vamos a verlo un poco en más detalle.

Mi recomendación es que para insertar una imagen incluyamos siempre un código HTML como el siguiente:

<p>
<img src=”../images/mi_imagen.jpg” alt=”Descripción de la imagen” style=”max-width: 100%; max-height: 100%;”/>
</p>

La imagen, en el caso de arriba, se llamará mi_imagen.jpg y estará localizada en la carpeta images. Cambia el nombre de este fichero adecuadamente por el tuyo. El texto que figura en la propiedad alt es un texto que aparecerá o será escuchado en lugar de la imagen. Coloca ahí un título o descripción de tu imagen. Este texto no será visible.

El principal problema de las imágenes es cómo van a quedar colocadas. En un ePub, la posición de los elementos no es fija, ya lo hemos visto, y eso es porque es un formato que está pensado para que el libro pueda ser leído en cualquier tamaño de dispositivo. No podemos, por tanto, dar a nuestra imagen unas dimensiones fijas en píxeles, porque lo que podría ser apropiado para un PC, podría no serlo para una tablet o un smartphone.

epub_sample

Mi consejo para imágenes grandes es que siempre que se pueda se deje la imagen ocupando todo el ancho del dispositivo, y que el texto se coloque antes y después, pero no alrededor de la imagen. Lo importante de un libro, antes que cualquier otra cosa, es la legibilidad. Y en el caso de un ePub, puesto que es un formato pensado para cosas tan distintas como un teléfono, un ereader o una pantalla de TV, lo mejor es que la imagen se vea bien. Si insertamos una imagen en un libro y la reducimos de tamaño al 50% de la página con la finalidad de que la imagen quede ajustada al margen izquierdo y el texto al derecho, en un teléfono el texto quedaría con un espacio tan nimio, y la imagen quedaría tan pequeña, que resultaría ilegible. Pensemos una cosa: ePub no es un formato para hacer libros de texto vistosos, con ilustraciones, columnas laterales, y texto fluyendo de una página a otra de forma compleja. Para eso es mejor el PDF.

Un tema a considerar es el tamaño de la imagen. Hay tener en cuenta que los dispositivos de lectura tienen un límite al número de píxeles. Pantallas de PC, tablets, ereaders, y smartphones, todos tienen unas limitaciones al número de píxeles. Meter imágenes de más de esa cantidad de píxeles no tiene sentido, porque la cantidad extra de píxeles no se aprovechará. Por ejemplo, en el caso del iPad 3 y sucesivos, la resolución de la pantalla es 2048 x 1536 píxeles. Es raro encontrar resoluciones más alta que esta en una tablet, y también en smartphones y pantallas para PC, así que podría tomarse como tope. Si tienes imágenes más grandes, usa un programa de edición de imágenes para hacer un escalado de la imagen y reducirla.

Otro tema es la orientación del dispositivo. El usuario siempre puede girar su tablet o smartphone y ver el libro en vertical o apaisado. No interesa usar imágenes que tengan una orientación muy definida, porque al ver esa imagen en la orientación opuesta no se verá bien. Interesa ir hacia imágenes que tengan la misma relación de alto y ancho, para que se vean igual independientemente de la orientación.

Nada más por hoy. Recuerda que debajo de cada capítulo del curso estoy incluyendo los ejemplos ya hechos. Los puedes descargar, descomprimir, y ver el contenido si tienes dudas.

Descargar el ejemplo: http://bit.ly/1a3SkUm

 

Anuncios

Read Full Post »