Template:Portal box placard
.svg){kind=link}
| File:Alpha lowercase.svg | This template is rated as alpha. It is ready for third party input, and may be used on a few pages to see if problems arise, but should be watched. Suggestions for new features or changes in their input and output mechanisms are welcome. |
Lua error in Module:TNT at line 167: Missing Commons dataset I18n/Module:TNT.tab.
Usage
This template is designed to be used in Portals (Portal Boxes).
{{Portal box placard|1=<file>|res-width=<width-in-px>|caption=<caption>}}
Examples:
{{Portal box placard|1=File:Santa Catalina Mountains Banner.jpg|res-width=1024px|caption=test caption}}
"res-width" and "caption" are optional.
{{Portal box placard|1=File:Santa Catalina Mountains Banner.jpg}}
Box with full resolution image and caption
_(32589506286)_crop.jpg){kind=link}
Smaller box with full resolution and no caption
Same box with res-width set to 1000px
Same box with res-width set to 200px
Same box with res-width set to 20px
More complex example with Flexboxes Template
.jpg){kind=link}
.jpg){kind=link}
What is the point of the res-width?
Big images take a long time to load and take up bandwidth. So please don't embed 8k high resolution images without setting a reasonable res-width, especially if you use a box that is smaller than 100%.
For instance if your box takes up 25% of the available space, then 1000px is definitely more than enough. And it will probably still look fine with less, even on 4k monitors.
Even for full width boxes, more than 3840px does not make much sense (as of 2019. Things might change in the future).
This is similar to Template:Portal image banner?
Yes, but this...
- ...does not use any Lua
- ...allows you to set a resolution width
- ...has a more consistent margin on top and left/right
- ...does not offer image carousels
- ...does not place any text below the image
- ...does not crop the image
Maybe at some point both can be merged.
See also
No description.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| 1 | 1 | no description | File | required |
| res-width | res-width | no description | Unknown | optional |
| caption | caption | no description | Unknown | optional |