Kui lisan pildi sisusse ja valin suuruseks näiteks small. Kas ta suurus avalikus vaates reaalselt muutub väiksemaks või peab laadima igakord selle originaal pildi suuruse, mis lihtsalt on kuvatud väiksemalt?
Panen siia 3840 x 2160 ja 7.05 MB pildi ja valin 16:9 small. Halduses muutub väikeseks ja kasutajavaates

Kuidas drupal käitub suure pildiga (nt 10mb), kui panna originaalina see sisusesse? Kas crompressib seda väiksemaks? -> Originaal 3840 x 2160 ja 7.05 MB. Kasutajavaates

Image

Vaikimis ehk originaalpilt. 937x613

1 Break text

Halduse vaates on pilt omaette real (plokk). Tekst on pildi kohal või all, mitte pildi kõrval. Frontendis on täpselt sama tulemus.

2 Align left and wrap text

Halduse vaates on pilt vasakul. Tekst on pildi paremal kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal). Tekstil on pildist piisav vahe, tekst ei lähe vastu pilti. Frontendis on täpselt sama tulemus. Halduse vaates on pilt vasakul. Tekst on pildi paremal kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal). Tekstil on pildist piisav vahe, tekst ei lähe vastu pilti. Frontendis on täpselt sama tulemus. Halduse vaates on pilt vasakul.

Tekst on pildi paremal kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal). Tekstil on pildist piisav vahe, tekst ei lähe vastu pilti. Frontendis on täpselt sama tulemus. Halduse vaates on pilt vasakul. Tekst on pildi paremal kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal). Tekstil on pildist piisav vahe, tekst ei lähe vastu pilti. Frontendis on täpselt sama tulemus.

3 Align center and break text

Halduse vaates on pilt keskel. Tekst on pildi kohal või all, mitte pildi kõrval. Frontendis on täpselt sama tulemus

4 Align right and wrap text

Halduse vaates on pilt paremal. Tekst on pildi vasakul kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal). Tekstil on pildist piisav vahe, tekst ei lähe vastu pilti.

Halduse vaates on pilt paremal. Tekst on pildi vasakul kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal).

Tekst on pildi paremal kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal). Tekstil on pildist piisav vahe, tekst ei lähe vastu pilti.

Halduse vaates on pilt paremal. Tekst on pildi vasakul kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal).

5 Pildi suuruse muutmine View mode abil
a. Halduse vaates saab valida pildile View mode, mis muudab pildi suurust või kuvamisviisi.

b. View mode muutmisel pildi joondusvalik ei kao. c. Frontendis rakendub valitud View mode ja pilt kuvatakse vastava suuruse või stiiliga. d. Frontendis joondus käitub samamoodi sõltumata View mode valikust.

6. Caption sisse-välja

7 Lingiga pilt

Halduse vaates saab pildile lisada lingi. Pärast salvestamist link säilib. Lingi lisamine ei muuda pildi joondust, View mode valikut ega captioni seadeid. Frontendis on pilt klikitav ja viib määratud aadressile.

See umbrohupõld on vaikimisi.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Tekst on pildi vasakul kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal). Tekstil on pildist piisav vahe, tekst ei lähe vastu pilti. ekst on pildi paremal kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal). Tekstil on pildist piisav vahe, tekst ei lähe vastu pilti. Frontendis on täpselt sama tulemus.

Maaelu toit — Small paremal pilt ja wrap tekst.

The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Tekst on pildi vasakul kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal). Tekstil on pildist piisav vahe, tekst ei lähe vastu pilti. ekst on pildi paremal kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal). Tekstil on pildist piisav vahe, tekst ei lähe vastu pilti. Frontendis on täpselt sama tulemus. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Tekst on pildi vasakul kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal). Tekstil on pildist piisav vahe, tekst ei lähe vastu pilti. ekst on pildi paremal kõrval ja jätkub pildi all. Pildi ülemine serv on samal joonel paragrahvi teksti algusega (pilt ei tohi olla teksti algusest madalamal). Tekstil on pildist piisav vahe, tekst ei lähe vastu pilti. Frontendis on täpselt sama tulemus. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

Desktopis ja tahvlis töötavad vasak ja parem joondus nii, et tekst on pildi kõrval ja jätkub pildi all.
Mobiilis ei tohi tekst jääda pildi kõrvale kitsasse veergu.
Mobiilis kuvatakse pilt omaette real ja tekst tuleb alla.
Kõigil ekraanisuurustel ei tohi pilt minna konteinerist laiemaks.