Baggrundsbilleder til iBooks-forfatter

• April 25, 2024

Hvad er de nøjagtige størrelser til standard- og retina-iPad-skærme, og hvordan forbereder du dine baggrundsbilleder til brug i iBooks Author^R? I denne tutorial vil vi se på billedkravene.

Som vi nævnte i en tidligere tutorial, har alle undtagen en af ​​iPads, iPad Pro, det samme antal pixels eller punkter, der udfylder skærmen. I liggende retning er retina-skærmen 2048 pixels bred med 1536 pixels høj. Standardskærmen har halvdelen af ​​disse pixels.

Din iBA-bog bruger næsten al denne ejendom, med undtagelse af en lille sort bjælke øverst på skærmen. For Retina-skærmen er denne bjælke 40 pixels høj, og for standardskærmen er den 20 pixels.

Forsidebilledet - bogens titelside

IBooks-appen viser et miniaturebillede af dit iBA-bogomslag i iBook Library og iBooks Store. Denne miniaturebillede reduceres i størrelse fra det omslagsbillede, som du placerer på bogens titelside i iBooks-forfatteren. Dette billede skal være i standardstørrelse, selv når du designer din iBA-bog til nethindeskærm. Standardstørrelsen er halvdelen af ​​pixels som nethinden og tager derfor mindre tid at indlæse på skærmen. Dit omslagsbillede skal også være i stående retning, selv når din bog er i liggende retning. En sidste regel er, at vi skal fjerne 20 pixels fra toppen af ​​billedet for at gøre plads til bjælken.

Stående omslag Pixelstørrelse: Bredde 768 Højde 1004

Fuld baggrundsbilleder med blødning til andre sider

For dem af jer, der laver en portrætorientering iBook, vil du bruge denne samme størrelse på 768 pixelbredde og 1004 pixelhøjde til baggrundsbillederne for resten af ​​dine sider. For Retina-skærmen skal du dobbelt pixels til 1536 x 2008-pixels.

Portrætlayout: Standardbredde 768 Højde 1004 | Nethindebredde 1536 Højde 2008

Hvis du opretter en iBA-bog i liggende retning, skal du have dine baggrundsbilleder til at være 1024 brede og 748 høje. For Retina-skærmen skal vi igen fordoble antallet af pixels til 2048 x 1496.

Landskabslayout: Standardbredde 1024 Højde 748 | Nethindebredde 2048 Højde 1496

Keynote og andre widgets

Hvis du opretter widgets i Keynote til din iBA-bog eller bruger en af ​​iBA's widgets, bestemmes størrelsen på dit baggrundsbillede til en inline-widget af størrelsen på widgeten på siden. Hvis din widget afspilles i fuldskærmstilstand, behøver du ikke fjerne pixels til den sorte bjælke øverst på siden. Så du vil bruge fuldskærmens dimensioner til baggrundsbilledet.

Portrætlayout: Standardbredde 768 Højde 1024 | Nethindebredde 1536 Højde 2048
Landskabslayout: Standardbredde 1024 Højde 768 | Nethindebredde 2048 Højde 1536

Video Instruktioner: Baggrundsbilleder og farver - CSS Episode 3 (April 2024).