Bureaucrats, content-moderator, emailconfirmed, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Administrators, threadmoderator
85,404
edits
Tardis:Infobox images: Difference between revisions
From Tardis Wiki, the free Doctor Who reference
→Consequences of extreme portrait orientation
Tag: sourceedit |
Tag: sourceedit |
||
| Line 20: | Line 20: | ||
For portrait orientation, try to hit an aspect ratio of no less than .75. Once you hit an AR of less than .5 (that is, your height is more than double your width), the infobox will become unnecessarily long on desktop, and it'll become so truncated on mobile as to be unhelpful. | For portrait orientation, try to hit an aspect ratio of no less than .75. Once you hit an AR of less than .5 (that is, your height is more than double your width), the infobox will become unnecessarily long on desktop, and it'll become so truncated on mobile as to be unhelpful. | ||
=== Consequences of extreme portrait orientation === | === Consequences of extreme portrait orientation === | ||
Still, sometimes | Still, sometimes, comic images can be really challenging. If you start getting into really low aspect ratios, then you end up with something like this. | ||
[[file:HippocratesBaseMobile.jpg|thumb|left|See how little of this very much longer-than-wide image is seen on mobile? And note that it doesn't extend the whole width of the box.]] | [[file:HippocratesBaseMobile.jpg|thumb|left|See how little of this very much longer-than-wide image is seen on mobile? And note that it doesn't extend the whole width of the box.]] | ||
<div style="float:left;margin-left:10px;"> | <div style="float:left;margin-left:10px;"> | ||
| Line 30: | Line 30: | ||
</div> | </div> | ||
{{clear}} | {{clear}} | ||
=== Improving portrait cropping === | === Improving portrait cropping === | ||
Luckily, even modest improvements in cropping can help a lot. In the examples below, we took the image above and got its aspect ratio back over the .5 threshhold. The image still isnt' 420px, so on mobile it doesn't extend the whole width of the display. But, on mobile, it's at least giving us a clear idea of what the base looks like. | Luckily, even modest improvements in cropping can help a lot. In the examples below, we took the image above and got its aspect ratio back over the .5 threshhold. The image still isnt' 420px, so on mobile it doesn't extend the whole width of the display. But, on mobile, it's at least giving us a clear idea of what the base looks like. | ||
