Contenido

• Pautas sobre imágenes
• Detalles técnicos

Pautas sobre imágenes

• Las imágenes de carácter pictórico (p. ej., fotografías, imágenes históricas) no deben aparecer borrosas, desenfocadas o poco nítidas, ya que podrían distraer al lector de la narración. Le recomendamos que este tipo de imágenes ocupen al menos un 60% de la anchura de la pantalla para que se vean bien en dispositivos más pequeños.
• Las imágenes con texto que contenga letras, números o símbolos deben ser perfectamente legibles (p. ej., gráficos, diagramas técnicos o mapas). Le recomendamos que este tipo de imágenes ocupen al menos un 80% de la anchura de la pantalla para que se vean bien en dispositivos más pequeños.
• Los gráficos generados por computadora se representan mejor como gráficos de vectores escalables (SVG). No obstante, las etiquetas SVG pueden dar error. Recomendamos eliminar las etiquetas SVG y usar la etiqueta de imagen en HTML para las imágenes.
• No renderice texto como imágenes. Si se puede separar el texto de las imágenes que lo rodean, entonces no debería tener formato de imagen, sino de HTML.
• Los pies de foto, las tablas y las imágenes de título deberían estar en formato HTML. Puede encontrar más información sobre las tablas ajustables en la sección Pautas sobre tablas: Formato ajustable.
• Para facilitar la accesibilidad, todas las imágenes deben tener texto en el atributo "alt" de la etiqueta HTML. En el caso de imágenes decorativas, configure alt = "" o role = "presentation" en la etiqueta de la imagen para que la tecnología asistencial pueda ignorarla.
• Para mejorar la lectura en todos los dispositivos y aplicaciones Kindle, utilice imágenes en color siempre que sea posible y conveniente.
  
  

Detalles técnicos

1. Tipos de imagen
   1. Imágenes en bloque. Una imagen en bloque siempre empieza en una línea nueva. Lo mejor es que la mayoría de las imágenes de los eBooks Kindle sean imágenes en bloque. Ejemplo de una imagen en bloque (el código HTML aparece a continuación):
      

      

      HTML:

      <p> Lorem ipsum dolor ….</p> <img src="img.jpg" alt="Vista del parque nacional Canyonlands"> <p>Lorem ipsum dolor ….</p>

      CSS:

      <style> img { display: block; width: 100%; object-fit: contain; } </style>

   2. Imágenes flotantes: Las imágenes flotantes se sitúan a la izquierda o a la derecha del texto en un contenedor.
      HTML:

      <img src="Earthworm.jpg" alt=" Imagen que ilustra una sección transversal de una lombriz">

      CSS:

      <style> img { float: left; width: 20%; object-fit: contain; } </style>

   3. Imágenes en línea: Los elementos en línea no comienzan en una línea nueva y se renderiza en la misma línea que el texto. Establezca la altura de las imágenes en línea en valores "em" para que aparezcan y tengan una escala proporcional al contenido del texto que lo rodea. Siempre que sea posible, incluya imágenes insertadas en formato sin pérdidas.

      

      HTML:

      <p> Sí <img src='checkbox.png' alt='Check Box'/> No <img src='checkbox.png' alt='Check Box'/> Lorem ipsum dolor.. </p>

      CSS:

      <style> img { height: 1em; vertical-align: bottom; object-fit: contain; } </style>

   4. Imágenes de portada del libro: Las imágenes de portada deben tener un diseño de página completa y, como mínimo, 1200 píxeles de anchura o altura.

2. Calidad de las imágenes
   1. Imágenes borrosas y desenfocadas: Amazon pondrá advertencias de calidad en la página de detalles de los eBooks que contengan imágenes borrosas. Ejemplo de imagen borrosa:

      

   2. Texto ilegible en imágenes: Las imágenes con texto que contenga letras, números o símbolos deberían ser legibles. Si hay imágenes con texto ilegible, aparecerá un mensaje de advertencia en la página de detalles del eBook en Amazon. Ejemplo de imagen ilegible:

      

   3. Imágenes con subtítulo: Utilice imágenes en bloque si va a incluir subtítulos y asegúrese de no se crea una trama entre el título y la imagen. Le recomendamos que el subtítulo tenga formato de texto y no de imagen. Ejemplo de imagen con subtítulo:

      

      HTML:

      <figure> <img src="img.jpg" alt=" Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/> <figcaption>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod </figcaption> </figure>

      CSS:

      <style> figure {width: 100%; } img { display: block; width: 100%; object-fit: contain; } figcaption { margin: 0.5em 0 0 0; text-align: center; text-indent: 0; } </style>

3. Accesibilidad: Para facilitar la accesibilidad, todas las imágenes deben tener texto en el atributo "alt" de la etiqueta HTML. En el caso de imágenes decorativas, configure alt = "" o role = "presentation" en la etiqueta de la imagen para que la tecnología asistencial pueda ignorarla. El texto que aparece tras "alt" debe ser breve, conciso y específico. También debe proporcionar una descripción de la imagen y su significado en el contexto correspondiente. En el caso de imágenes vinculadas, indique el objetivo del enlace en lugar de la descripción de la imagen en el texto alternativo.
   HTML:

   <img src =" img.jpg" alt ="Un águila sobre un árbol en su hábitat nativo">

   HTML para elementos decorativos:

   < img src =" DecorativeImg.jpg" role =" presentation" alt =" O <imgsrc =" DecorativeImg.jpg" alt =""> O <img src =" DecorativeImg.jpg" role =" presentation">

4. Formatos de entrada compatibles Los dispositivos y aplicaciones de lectura Kindle no admiten TIFF, fotogramas GIF ni imágenes con zonas transparentes. Si las imágenes llevan fondos transparentes, los convertiremos en fondo blanco.
5. Perfil de color o espacio de color: Utilice el perfil de color sRGB para todas sus imágenes. Kindle no admite CMYK. Si utiliza imágenes CMYK, Kindle las convertirá automáticamente a sRGB.