Tópicos da ajuda
Fale conosco
Tem algum comentário? Não consegue achar sua resposta nas páginas da Ajuda?
Diretrizes para imagens - Digitalmente otimizado
Índice
- Formatos de entrada de imagem compatíveis
- Padrões de tamanho e qualidade de imagens
- Dimensões de imagem em layouts responsivos
- Use imagens coloridas
- Fotografias devem ser otimizadas para dispositivos de alta resolução:
- Use GIF ou PNG para line-art e texto
- Requisitos de tamanho de imagem e fonte para line-art e texto
- HTML vs. Imagens
- Posicionamento de legendas de imagens
- Controle da proporção de tela da imagem
- Tags e elementos compatíveis com o SVG
Formatos de entrada de imagem compatíveis
Os dispositivos Kindle e aplicativos de leitura não são compatíveis com arquivos TIFF, GIFs ou qualquer imagem com uma transparência.
- O KF8 é compatível com imagens de GIF, BMP, JPEG, PNG e gráficos vetoriais escaláveis (SVG).
- A configuração de fonte é compatível com GIF, JPEG e PNG. A configuração de fonte não é compatível com imagens SVG, mas a rasterização de SVG é parcialmente compatível.
Quando usar imagens para esquemas, quadros, tabelas, mapas ou qualquer elemento que inclua texto, preste muita atenção à legibilidade da imagem final.
Adicione imagens à origem usando a tag HTML padrão . Se a imagem for significativa ao conteúdo, use o atributo alt para fornecer texto que transmite esse significado aos clientes que usam tecnologia auxiliar. O texto alt deve ter menos de 140 e descrever a imagem e seu significado. Se a imagem for decorativa e não significativa para o conteúdo, ou se o texto em volta da página fornecer contexto suficiente para a imagem, defina o atributo alt como null com alt ="" para que ele possa ser ignorado por tecnologia auxiliar.
Importante: salve seus arquivos com o perfil de cor RGB. O Kindle não é compatível com sRGB ou CMYK.
Padrões de tamanho e qualidade de imagens
As imagens devem atender ao padrão mínimo de qualidade de 300 ppi para o tamanho de exibição pretendido. O padrão mínimo para imagens de página inteira em um livro após a definição do espaço para margens, títulos corridos, números de páginas e legendas é um tamanho de imagem de 4 pol. por 6 pol. A 300 ppi, essa imagem deve ser de no mínimo 1200 x 1800 pixels. Os termos a seguir definirão casos de uso específicos e fornecerão exemplos de como atender a esse padrão.
- Imagens importantes/não importantes. As imagens são consideradas importantes se forem significativas para o conteúdo. Exemplos de imagens importantes incluem imagens com legendas, mapas, tabelas, equações, line art, ilustrações e fotografias. Todas as imagens importantes devem atender ao padrão mínimo de 300 ppi. As imagens não são consideradas importantes se forem apenas para fins decorativos ou se não agregarem valor ao conteúdo. Exemplos de imagens não importantes incluem contracapas, fleurons, logotipos e ícones de redes sociais.
- Imagens da capa As imagens da capa sempre devem ter um layout de página inteira e ter pelo menos 1200 pixels de largura ou 1800 pixels de altura.
- Bloqueio de imagem. A Amazon recomenda o uso de imagens em alta resolução e o maior layout disponível. A Amazon mede 300 ppi em um dispositivo canônico de 4" x 6" (convertendo para 1200 pixels x 1800 pixels). Para calcular o maior layout possível para uma imagem, divida a largura ou a altura em pixels da imagem pela tela de 4" x 6", ou seja, 1200 (largura) x 1800 (altura). Fornecer a % de largura ou a % de altura de uma imagem na tag de imagem é necessário para calcular o quanto da tela a imagem deve ocupar. Consulte a tabela a seguir para ver os requisitos mínimos de pixels para atender aos requisitos de 300 ppi da Amazon.
Largura ou altura do layout da imagem | Largura mínima de pixels necessária | Altura mínima de pixels necessária |
100% | 1200 | 1800 |
80% | 960 | 1440 |
60% | 720 | 1080 |
40% | 580 | 720 |
Observação: A Amazon não recomenda imagens importantes com menos de 40%.
Exemplos de largura e/ou altura de codificação para uma imagem:
- A largura ou a altura podem ser fornecidas diretamente na tag de imagem (veja texto em negrito).
Exemplo:
<img src="happy.gif" alt="Happy face" style="largura:70%">
- A largura ou a altura podem ser fornecidas na tag div pai (veja texto em negrito).
Exemplo:
<div style="largura:50%">
<img src="image4.png" />
</div>
Dimensões de imagem em layouts responsivos
A Amazon recomenda que o estilo de imagens em bloco e flutuantes seja aplicado com um valor percentual para o atributo de estilo width. Isso garantirá que as imagens sempre ocupem a mesma porcentagem de espaço na tela, independentemente da resolução do dispositivo. As imagens embutidas devem ser dimensionadas em unidades em para que sejam escaladas em relação ao texto ao redor delas quando os usuários ajustarem o tamanho da fonte.Use imagens coloridas
Para contribuir para a melhor experiência do usuário possível em todos os dispositivos e aplicativos Kindle, use imagens coloridas sempre que for possível e relevante. Se a imagem for uma fotografia, seu formato deverá ser JPEG.
Mesmo em lojas em que somente E-readers Kindle estão disponíveis no momento, use imagens coloridas sempre que for possível para garantir a compatibilidade futura.
Fotografias devem ser otimizadas para dispositivos de alta resolução:
As fotos devem estar no formato JPEG e ser salvas com alta qualidade. As fotos devem ter a maior resolução possível dentro do limite do tamanho do arquivo.
Fotografias com menos de 300 x 400 pixels serão dimensionadas com base na resolução do dispositivo e poderão ficar desfocadas como resultado. Para exibir uma imagem menor, forneça uma imagem maior e use o CSS para reduzi-la ao tamanho desejado.
A Amazon recomenda que as imagens sejam exibidas nitidamente com ampliação de 2 vezes em todos os dispositivos. Isso significa que, se uma imagem deve ser exibida com largura total no dispositivo, sua largura deve ser capturada a 3200 px (que é o dobro da largura do dispositivo de maior resolução, o Kindle Fire HDX de 8,9"). Imagens menores podem ser redimensionadas apropriadamente.
Se as fotos estiverem no formato GIF ou forem muito pequenas, convertê-las para JPEG ou aumentar o seu tamanho artificialmente não melhorará sua qualidade. Volte para a fonte original a fim de criar uma imagem JPEG com resolução adequada.
Algumas imagens, como fotos históricas, podem não estar disponíveis em resoluções de 300 ppi ou mais. Nessas situações, forneça a melhor qualidade de imagem possível. A Amazon recomenda enfaticamente que as imagens atendam a um mínimo de 300 ppi. Quaisquer imagens abaixo de 72 ppi causarão falha na conversão do livro.
Use GIF ou PNG para line-art e texto
Imagens em line-art são produzidas com um número limitado de cores sólidas (isto é, imagens desenhadas com Adobe Illustrator, Microsoft Paint ou Microsoft Power Point, incluindo desenhos em preto e branco). Textos, gráficos, mapas e tabelas são exemplos de imagens que são line-art.
Line-art deve estar em formato GIF ou PNG. O algoritmo JPEG tenta juntar partes da imagem e desfoca as extremidades nítidas do desenho, fazendo com que a imagem (e o texto, caso a imagem tenha algum) fique embaçada.
O texto que aparece em line-art deve ser nítido e legível.
Otimize GIFs de line-art antes de enviá-los ao KindleGen. O redimensionamento ou a compressão de JPEGs diminuem o foco da imagem e introduzem artefatos indesejados nela, que é o motivo pelo qual a Amazon insiste que line-art esteja em formato GIF ou PNG.
Para otimizar GIFS e PNGs e fazê-los seguir o limite do tamanho da imagem, tente seguir as seguintes dicas:
- Tente reduzir o número de cores usadas. Isto quase sempre pode ser feito sem alterar a qualidade da imagem. Imagens de line-art que parecem ser pretas e brancas podem, na verdade, ser coloridas devido a certos algoritmos de antisserrilhamento. Veja um exemplo (observe as sombras vermelhas e azuis em torno de “A” na foto à esquerda):
- Remova as margens brancas ao redor da imagem, se houver alguma. Ao recortar, considere como a imagem ficará em dispositivos configurados com fundo branco, sépia, mint e preto.
- Altere o tamanho da imagem, se necessário, mas preste muita atenção à legibilidade do texto (veja mais detalhes na seção a seguir, Requisitos de tamanho de imagem e fonte para line-art e texto).
Requisitos de tamanho de imagem e fonte para line-art e texto
Uma imagem contendo texto não deve ser significativamente maior do que uma tela Kindle. Os dispositivos E-reader Kindle oferecem a possibilidade de rotacionar uma imagem para aproveitar mais o espaço da tela; enquanto tablets Fire e aplicativos Kindle para iPhone permitem aplicar os recursos de zoom e panorama.
- O tamanho MÍNIMO do texto é de 6 pixels para a altura de uma letra "a" minúscula. A imagem precisará ter mais do que 6 pixels de altura caso haja algum espaço extra acima ou abaixo do "a". Para uma imagem que possui somente uma linha de texto, como o exemplo abaixo, a imagem deve ter pelo menos 45 pixels de altura para que seja exibida de maneira proporcional em relação ao conteúdo de texto à sua volta.
HTML vs. Imagens
Não renderize grandes partes de texto como imagens. Se o texto puder ser separado da arte à sua volta, não deve ser uma imagem. Deve ser HTML. As imagens com muito texto seriam reduzidas para se ajustar à tela e ficariam ilegíveis, enquanto que uma versão em HTML seria paginada.
Posicionamento de legendas de imagens
A Amazon recomenda colocar uma legenda abaixo da imagem relacionada para que o leitor veja as imagens antes de suas respectivas legendas. Posicione a legenda em uma tag <div> distinta de modo que seja exibida abaixo da imagem.
Exemplo:
|
<img src="test.jpg" style="display:block" /> <div>Esta é uma legenda</div> |
Controle da proporção de tela da imagem
Para preservar a proporção de tela das imagens, a altura e largura não podem ambas ser definidas com um percentual fixo. A largura ou a altura pode ser configurada com um percentual fixo (por exemplo, 100%), mas a outra propriedade deve, então, ser configurada como “auto” para preservar a relação entre altura e largura da imagem.Tags e elementos compatíveis com o SVG
A Configuração de fonte atualmente é compatível com os gráficos vetoriais escalonáveis (SVG).
Obrigatório:
- viewBox é obrigatório e deve ter quatro valores (min x, mín. y, largura e altura). Todos os quatro valores devem ser números inteiros, e os primeiros dois valores devem ser 0.
- Especifique a largura e a altura em porcentagens (preferencial) ou números inteiros.
- Forneça texto alternativo significativo com o atributo <alt=> nas imagens SVG quando apropriado.
Compatível:
- SVGs em bloco embutidos são compatíveis.
- Sempre use apenas <svg:> sem os espaços para identificar SVGs.
- <svg> com apenas uma tag <image> como registro filho é compatível.
- <img> com o atributo svg in href é compatível.
- A imagem de plano de fundo como .svg é compatível. Neste caso de uso, a Amazon oferece suporte apenas para certos elementos dentro do arquivo SVG: <svg>, <path>, <g>, <polyline>, <polygon>, <rect>, <line>, <circle>, <ellipse>, <radialGradient>, <linearGradient>, <stop>, feGaussianBlur, filter, <defs>, <clipPath>, <use>, title.
Não compatível:
- <svg> com <text> não é compatível.
- <svg> com preserveAspectRatio="slice" não é compatível. Se não houver nenhuma especificação, o padrão será aplicado automaticamente.
- Se o atributo transform for usado, ele deverá incluir "translate(0 0)”. Outros valores complexos do atributo transformnão são compatíveis.
- Se o atributo visibility for usado, ele deverá ter “visible” como o valor. Caso contrário, a conversão apresentará falha.
- Use a tag <a> somente dentro de <ret.> e com fill-opacity="0.0". Os <a> serão removidos.
- Abra a página HTML com uma imagem SVG em um navegador. Se ela não estiver visível no navegador, a imagem SVG não é compatível com a Configuração de fonte.
- Os eBooks com mais de 25 imagens SVG não são compatíveis com a Configuração de fonte.
