What size should I make my images? Follow
Each of the base themes in gomo is designed to work best with certain image sizes in the different assets such as Static Image and Film Strip. You should design for the desktop version of your project and gomo will then take care of adjusting the sizing and layout for tablet and smartphone.
These measurements assume the default desktop content width of 995px. If you change this value then these image sizes will need to be adjusted as well.
Static Image
| 1 column | 2 column | 3 column | 4 column | Notes | |
|---|---|---|---|---|---|
| Turing Blue | 915 px wide | 435 px wide | 278 px wide | 197 px wide | Larger images will be scaled down |
| Gomo Basic | 915 px wide |
437 px wide | 279 px wide | 195 px wide | Larger images will be scaled down |
| Clouds | 915 px wide |
437 px wide |
279 px wide |
195 px wide |
Larger images will be scaled down |
| Pastel | 915 px wide |
437 px wide |
279 px wide |
195 px wide |
Larger images will be scaled down |
Film Strip
This asset is best used in a single column layout. Images are stretched to fit these sizes.
| Turing Blue | 640 px wide x 320 px high |
| Gomo Basic | 643 px wide x 320 px high |
| Clouds | 650 px wide x 320 px high |
| Pastel | 643 px wide x 320 px high |
Comic Strip
This asset is also best used in a single column layout.These figures are for the widest and image should be in a Comic Strip asset. If the images are wider than this then the asset will display in smartphone mode as a vertical sequence of images and text, even on desktop.
| Turing Blue | 625 px wide x 300 px high |
| Gomo Basic | 800 px wide x 300 px high |
| Clouds | 800 px wide x 300 px high |
| Pastel | 800 px wide x 300 px high |
Comments
0 comments
Article is closed for comments.