Argomenti della guida
Contattaci
Vuoi lasciare un feedback? Non riesci a trovare la risposta che cerchi nelle pagine di assistenza?
Linee guida per le immagini - Contenuti adattabili
Sommario
- Formati di input delle immagini supportati
- Dimensioni e standard di qualità delle immagini
- Dimensioni delle immagini per i layout responsivi
- Uso di immagini a colori
- Ottimizzazione delle fotografie per dispositivi ad alta risoluzione
- Uso del formato GIF o PNG per testo e disegno al tratto
- Requisiti di immagine e dimensione carattere per testo e disegno al tratto
- HTML e immagini
- Posizionamento delle didascalie nelle immagini
- Controllo delle proporzioni delle immagini
- Tag ed elementi SVG supportati
Formati di input delle immagini supportati
Le applicazioni di lettura e i dispositivi Kindle non supportano i formati TIFF, GIF a fotogrammi multipli o le immagini con trasparenza.
- Il formato KF8 supporta le immagini GIF, BMP, JPEG, PNG e SVG (Scalable Vector Graphics).
- La composizione migliorata supporta i formati GIF, JPEG e PNG. La composizione migliorata non supporta le immagini SVG, ma supporta parzialmente la rasterizzazione dei documenti SVG.
Quando si utilizzano immagini per schemi, diagrammi, tabelle, mappe o altri elementi contenenti testo, occorre prestare particolare attenzione alla leggibilità dell'immagine finale.
Aggiungi le immagini alla fonte mediante il tag HTML standard . Se l'immagine è significativa per il contenuto, utilizza l'attributo alt per inserire un testo che trasmetta il significato ai clienti che utilizzano la tecnologia assistiva. Il testo dell'attributo alt deve contenere meno di 140 caratteri e descrivere l'immagine e il suo significato. Se l'immagine è decorativa e non significativa per il contenuto o se il testo circostante fornisce contesto sufficiente per l'immagine, imposta l'attributo alt su null utilizzando il comando alt="" in modo che il testo venga ignorato dalla tecnologia assistiva.
Importante: utilizza RGB come profilo colore durante il salvataggio dei file. Kindle non supporta il formato sRGB o CMYK.
Dimensioni e standard di qualità delle immagini
Le immagini devono rispettare lo standard di qualità minimo di 300 ppi per le dimensioni di visualizzazione desiderate. Lo standard minimo per un'immagine a pagina intera in un libro, tenuto conto dei margini, delle intestazioni di pagina, dei numeri di pagina e delle didascalie, corrisponde a una dimensione di 4" x 6". A 300 ppi l'immagine deve essere di almeno 1200 x 1800 pixel. I seguenti termini definiscono casi d'uso specifici e forniscono esempi per soddisfare questo standard.
- Immagini importanti/non importanti. Le immagini sono considerate importanti se sono significative per il contenuto. Esempi di immagini importanti includono immagini con didascalie, mappe, tabelle, equazioni, disegni al tratto, illustrazioni e foto. Tutte le immagini importanti devono soddisfare lo standard minimo di 300 ppi. Le immagini sono considerate non importanti se hanno solo scopo decorativo o non aggiungono valore al contenuto. Esempi di immagini non importanti includono quarta di copertina, fleuron, loghi e icone dei social media.
- Immagini di copertina. Le immagini di copertina devono essere caratterizzate da un layout a pagina intera e devono avere dimensioni minime pari a 1200 pixel in larghezza o 1800 pixel in altezza.
- Immagini di blocco. Amazon consiglia di utilizzare immagini ad alta risoluzione e con il layout più grande disponibile. Amazon misura 300 ppi su un dispositivo standard da 4" x 6" (che si traducono in 1200 pixel x 1800 pixel). Per calcolare il layout più grande possibile per un'immagine, dividi la larghezza o l'altezza in pixel dell'immagine per lo schermo da 4" x 6", ovvero 1200 (larghezza) x 1800 (altezza). È necessario indicare la larghezza % o l'altezza % di un'immagine nel relativo tag per calcolare la parte dello schermo che l'immagine deve occupare. Per le misure minime in pixel richieste per soddisfare il requisito di 300 ppi di Amazon, consulta la seguente tabella.
Larghezza o altezza del layout dell'immagine | Larghezza minima in pixel richiesta | Altezza minima in pixel richiesta |
100% | 1200 | 1800 |
80% | 960 | 1440 |
60% | 720 | 1080 |
40% | 580 | 720 |
Nota: Amazon sconsiglia un valore inferiore al 40% per il layout delle immagini importanti.
Esempi di codifica della larghezza e/o dell'altezza di un'immagine:
- La larghezza e l'altezza possono essere specificate direttamente nel tag dell'immagine (vedi il testo in grassetto).
Esempio:
<img src="happy.gif" alt="Happy face" style="width:70%">
- È possibile specificare la larghezza o l'altezza nel tag div padre (vedi il testo in grassetto).
Esempio:
<div style="width:50%">
<img src="image4.png" />
</div>
Dimensioni delle immagini per i layout responsivi
Amazon consiglia di usare un valore di percentuale per l'attributo di stile width per le immagini mobili e di blocco al fine di garantire che occupino sempre la stessa percentuale di spazio sullo schermo, indipendentemente dalla risoluzione del dispositivo. Le immagini in linea devono avere dimensioni calcolate in unità em, così da adattarsi in base al testo circostante quando gli utenti regolano la dimensione carattere del proprio sistema di lettura.Uso di immagini a colori
Per garantire agli utenti un'esperienza ottimale sui dispositivi e sulle applicazioni Kindle, usa immagini a colori quando possibile e pertinente. Se l'immagine è una fotografia, deve essere formattata come JPEG.
Anche nei mercati dove attualmente sono disponibili solamente lettori di eBook, utilizza quando possibile immagini a colori per la compatibilità futura.
Ottimizzazione delle fotografie per dispositivi ad alta risoluzione
Le fotografie devono essere in formato JPEG ed essere salvate in un formato ad alta qualità e con la massima risoluzione consentita dai limiti di dimensione dei file.
Le fotografie con una risoluzione inferiore a 300 x 400 pixel vengono ridimensionate in base alla risoluzione del dispositivo e potrebbero pertanto risultare sfocate. Per visualizzare un'immagine più piccola, fornisci un'immagine più grande e utilizza CSS per ridurla alle dimensioni desiderate.
Amazon invita a fare in modo che le immagini possano essere visualizzate nitidamente con un ingrandimento di 2X sui vari dispositivi. Ciò significa che, se è previsto che un'immagine venga visualizzata alla massima larghezza su un dispositivo, deve essere acquisita a 3200 pixel (due volte la larghezza del nostro dispositivo con la più alta risoluzione, Kindle Fire HDX 8,9"). Le immagini più piccole possono essere ridimensionate di conseguenza.
Se le fotografie sono in formato GIF o sono troppo piccole, la conversione in JPEG o l'aumento delle loro dimensioni in modo artificiale non ne migliora la qualità. Torna al file originale per creare un'immagine JPEG con una risoluzione sufficiente.
Alcune immagini, come fotografie storiche, possono non essere disponibili a 300 ppi o risoluzioni superiori. In queste situazioni, fornisci l'immagine della miglior qualità possibile. Amazon raccomanda vivamente immagini con una risoluzione minima di 300 ppi. Ogni immagine sotto i 72 ppi impedirà la conversione del libro.
Uso del formato GIF o PNG per testo e disegno al tratto
Le immagini con disegni al tratto sono elementi grafici disegnati con un numero limitato di colori in tinta unita (quali immagini disegnate in Adobe Illustrator, Microsoft Paint o PowerPoint, compresi i disegni in bianco e nero). Testo, grafica, diagrammi e tabelle sono esempi di disegni al tratto.
I disegni al tratto devono essere in formato GIF o PNG. L'algoritmo JPEG tenta di combinare porzioni dell'immagine sfocando i bordi netti dei disegni al tratto e compromettendo in tal modo la definizione dell'immagine e degli eventuali caratteri di testo al suo interno.
Il testo che compare nelle immagini con disegno al tratto deve essere nitido e leggibile.
Ottimizza i formati GIF dei disegni al tratto prima di inviarli a KindleGen. Il ridimensionamento o la compressione JPEG causano sfocatura o artefatti indesiderati nelle immagini con disegno al tratto, motivo per cui Amazon consiglia vivamente di usare i formati GIF o PNG per i disegni al tratto.
Per ottimizzare le immagini GIF e PNG e farle rientrare nei limiti di dimensione, prova a seguire questi suggerimenti:
- Prova a ridurre il numero di colori utilizzati. Questa operazione può essere eseguita senza alterare la qualità dell'immagine. Le immagini con disegno al tratto in bianco e nero potrebbero in realtà risultare a colori a causa di alcuni algoritmi anti-aliasing. Di seguito viene fornito un esempio (nota le ombre rosse e blu intorno alla "A" nella figura a sinistra):
- Elimina i margini bianchi intorno all'immagine, se presenti. Quando effettui dei tagli, considera l'aspetto che l'immagine avrà quando sarà visualizzata sui dispositivi impostati su sfondi di colore bianco, verde, seppia e nero.
- Ridimensiona l'immagine, se necessario, facendo molta attenzione alla leggibilità del testo (consulta la sezione Requisiti di immagine e dimensione carattere per testo e disegno al tratto di seguito).
Requisiti di immagine e dimensione carattere per testo e disegno al tratto
Un'immagine contenente del testo non deve risultare molto più grande dello schermo di un dispositivo Kindle. I lettori di eBook Kindle offrono la possibilità di ruotare un'immagine per sfruttare al meglio lo spazio dello schermo. I tablet Fire e l'applicazione Kindle per iPhone prevedono funzioni di zoom e panoramica.
- La dimensione MINIMA del testo è di 6 pixel per l'altezza di una "a" minuscola. L'immagine stessa deve avere dimensioni maggiori di 6 pixel in altezza se è presente spazio extra sopra o sotto la "a". Se un'immagine contiene una sola riga di testo, come quella di seguito, dovrebbe essere avere dimensioni di almeno 45 pixel in altezza, così da essere mostrata proporzionalmente al testo circostante.
HTML e immagini
Non rappresentare grandi porzioni di testo sotto forma di immagini. Se il testo può essere separato dalle immagini circostanti, non deve essere un'immagine ma dovrebbe essere in formato HTML. Le immagini con testo fitto possono essere ridotte per adattarsi allo schermo diventando così illeggibili, mentre la versione HTML verrebbe impaginata.
Posizionamento delle didascalie nelle immagini
Amazon consiglia di inserire una didascalia sotto l'immagine corrispondente, in modo che il lettore veda l'immagine prima della didascalia. Collocare la didascalia in un tag <div> distinto in modo che venga visualizzata sotto l'immagine.
Esempio:
|
<img src="test.jpg" style="display:block" /> <div>Didascalia</div> |
Controllo delle proporzioni delle immagini
Per preservare le proporzioni delle immagini, non è possibile impostare su una percentuale fissa sia la larghezza sia l'altezza. La larghezza o l'altezza può essere impostata su una percentuale fissa (ad esempio 100%), ma l'altra proprietà deve essere impostata su "auto" per conservare le proporzioni.Tag ed elementi SVG supportati
Al momento, la composizione migliorata offre un supporto minimo per la grafica vettoriale scalabile (SVG).
Elementi obbligatori:
- viewBox è obbligatorio e deve avere quattro valori (min x, min y, larghezza, altezza). Tutti e quattro i valori devono essere numeri interi e i primi due devono essere uguali a 0.
- Fornisci larghezza e altezza in percentuale (opzione preferita) o in numeri interi.
- Fornisci un testo alternativo significativo con l'attributo <alt=> sulle immagini SVG, ove appropriato.
Elementi supportati:
- Gli elementi SVG inline e block sono supportati.
- Per gli elementi SVG, utilizza solo <svg:> senza spazi per il nome.
- L'elemento <svg> con un solo tag <image> come elemento secondario è supportato.
- L'elemento <img> con .svg nell'attributo href è supportato.
- L'immagine di sfondo in formato .svg è supportata. In questo caso d'uso, Amazon supporta solo alcuni elementi all'interno del file SVG: <svg>, <path>, <g>, <polyline>, <polygon>, <rect>, <line>, <circle>, <ellipse>, <radialGradient>, <linearGradient>, <stop>, feGaussianBlur, filter, <defs>, <clipPath>, <use>, titolo.
Elementi non supportati:
- L'elemento <svg> con <text> non è supportato.
- L'elemento <svg> con preserveAspectRatio="slice" non è supportato. Se non viene specificato nulla, viene considerato automaticamente il valore di default.
- Se viene utilizzato l'attributo transform, deve includere "translate(0 0)". Altri valori complessi dell'attributo transform non sono supportati.
- Se viene utilizzato l'attributo visibility, deve avere il valore "visible". In caso contrario, la conversione non va a buon fine.
- Utilizza il tag <a> solo in <rect> e con fill-opacity="0.0". Il tag <a> verrà rimosso.
- Apri la pagina HTML con un'immagine SVG in un browser. Se non è visibile nel browser, l'immagine SVG non è supportata nella composizione migliorata.
- Gli eBook con più di 25 immagini SVG non sono supportati nella composizione migliorata.
