Español | Ayuda | Iniciar sesión

Valore nuestro servicio a través de esta página


Muy bueno

Medio

Malo

¡Gracias! Le agradecemos sus comentarios.

Si encuentra algún problema o necesita ayuda, contáctenos.

Temas de ayuda

Contacto

¿Tiene algo que comentar? ¿No encuentra la respuesta que busca en nuestras páginas de ayuda?

Contacto

Pautas sobre imágenes: Formato ajustable

Las siguientes pautas afectan a todos los libros de ficción y no ficción con texto ajustable, pero no a los libros infantiles de formato fijo con muchas imágenes ni a las novelas gráficas, manga ni cómics de formato fijo. Consulte las pautas de imágenes de portada.


Contenido


Pautas sobre imágenes

Para facilitar la lectura de su libro, le recomendamos que siga estas pautas, ya que le ayudarán a mejorar las imágenes de sus eBooks Kindle:

  • 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), por lo que le recomendamos que utilice siempre este formato. Para dibujos de línea, le recomendamos que utilice SVG.
  • 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.
  • El pie de foto, la tabla y la imagen del 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 de ayuda 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

En esta sección encontrará definiciones, ejemplos de HTML y otros trucos que le ayudarán a crear eBooks Kindle de gran calidad:

  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):

      Ejemplo de imagen en bloque

      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, como SVG.

      Ejemplo de imagen en línea

      HTML:

      <p>

      Yes <mg 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:

      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:

      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:

      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 de ayuda 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.


Se ha producido un error inesperado. Inténtelo de nuevo más tarde.
La sesión ha caducado.

Inicie sesión para continuar.

Iniciar sesión
edit