Template:Thumbor: Difference between revisions
Appearance
Created thumbor template for easy image integration with smart cropping, WebP conversion, and quality control |
Updated to use public /thumbor/ URLs instead of localhost |
||
| Line 10: | Line 10: | ||
== Parameters == | == Parameters == | ||
# '''image-filename''' (required) - Image filename (e.g., Tim_Cook.jpg, | # '''image-filename''' (required) - Image filename (e.g., Tim_Cook.jpg, Satya_Nadella_talking.jpg) | ||
# '''width''' (required) - Width in pixels (e.g., 300) | # '''width''' (required) - Width in pixels (e.g., 300) | ||
# '''height''' (optional) - Height in pixels (default: same as width for square) | # '''height''' (optional) - Height in pixels (default: same as width for square) | ||
| Line 22: | Line 22: | ||
'''Smart crop (AI face detection):''' | '''Smart crop (AI face detection):''' | ||
<pre>{{Thumbor| | <pre>{{Thumbor|Satya_Nadella_talking.jpg|300|300|Satya Nadella speaking|smart}}</pre> | ||
'''High quality with filters:''' | '''High quality with filters:''' | ||
<pre>{{Thumbor| | <pre>{{Thumbor|Mary_Barra_portrait.jpg|400|400|Mary Barra|smart/filters:quality(95):sharpen(1,0.5,true)}}</pre> | ||
'''WebP format (30% smaller):''' | '''WebP format (30% smaller):''' | ||
<pre>{{Thumbor| | <pre>{{Thumbor|Elon_Musk_speaking.jpg|300|300|Elon Musk|filters:format(webp)}}</pre> | ||
== Available Images == | == Available Images == | ||
''' | '''Satya Nadella (4 photos):''' | ||
* Satya_Nadella.jpg - Main photo | |||
* Satya_Nadella_headshot.jpg - Professional headshot | |||
* Satya_Nadella_talking.jpg - Speaking/presenting | |||
* Satya_Nadella_smiling.jpg - Casual/smiling | |||
* Satya_Nadella_with_Gates_Ballmer.jpg - With Bill Gates and Steve Ballmer | |||
''' | '''Mary Barra (4 photos):''' | ||
* Mary_Barra.jpg - Main photo | |||
* Mary_Barra_portrait.jpg - Official portrait | |||
* Mary_Barra_CEO.jpg - CEO professional | |||
* Mary_Barra_official.jpg - 2014 official | |||
* Mary_Barra_facility.jpg - At GM facility | |||
'''Tim Cook (3 photos):''' | |||
* Tim_Cook.jpg - Main photo | |||
* Tim_Cook_portrait.jpg - 2017 portrait | |||
* Tim_Cook_2009.jpg - 2009 photo | |||
'''Elon Musk (3 photos):''' | |||
* Elon_Musk.jpg - Main photo | |||
* Elon_Musk_portrait.jpg - Royal Society | |||
* Elon_Musk_speaking.jpg - Speaking 2022 | |||
'''Sundar Pichai (2 photos):''' | |||
* Sundar_Pichai.jpg - Main photo | |||
* Sundar_Pichai_2023.jpg - 2023 photo | |||
'''Andy Jassy:''' | |||
* Andy_Jassy.jpg - Main photo | |||
'''And 20+ more CEO photos available!''' | |||
== Features == | == Features == | ||
| Line 45: | Line 72: | ||
* ✓ 30-day caching for fast loading | * ✓ 30-day caching for fast loading | ||
* ✓ Progressive JPEG for better user experience | * ✓ Progressive JPEG for better user experience | ||
* ✓ nginx caching for ultra-fast delivery | |||
== Category == | == Category == | ||
[[Category:CEO.wiki Templates]] | [[Category:CEO.wiki Templates]] | ||
</noinclude><includeonly><img src=" | </noinclude><includeonly><img src="https://ceo.wiki/thumbor/unsafe/{{#if:{{{3|}}}|{{{2}}}x{{{3}}}|{{{2}}}x{{{2}}}}}{{#if:{{{5|}}}|/{{{5}}}|}}/ceo-photos/{{{1}}}" alt="{{#if:{{{4|}}}|{{{4}}}|{{{1}}}}}" style="max-width:{{{2}}}px;height:auto;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.1);" loading="lazy" /></includeonly> | ||
Revision as of 18:42, 20 October 2025
Template:Thumbor
Easy-to-use template for displaying images via thumbor image processing service.
Usage
{{Thumbor|image-filename|width|height|alt-text|filters}}
Parameters
- image-filename (required) - Image filename (e.g., Tim_Cook.jpg, Satya_Nadella_talking.jpg)
- width (required) - Width in pixels (e.g., 300)
- height (optional) - Height in pixels (default: same as width for square)
- alt-text (optional) - Alt text for accessibility
- filters (optional) - thumbor filters: smart, quality(90), sharpen(1,0.5,true), format(webp), etc.
Examples
Basic 300x300 resize:
{{Thumbor|Tim_Cook.jpg|300|300|Tim Cook}}
Smart crop (AI face detection):
{{Thumbor|Satya_Nadella_talking.jpg|300|300|Satya Nadella speaking|smart}}
High quality with filters:
{{Thumbor|Mary_Barra_portrait.jpg|400|400|Mary Barra|smart/filters:quality(95):sharpen(1,0.5,true)}}
WebP format (30% smaller):
{{Thumbor|Elon_Musk_speaking.jpg|300|300|Elon Musk|filters:format(webp)}}
Available Images
Satya Nadella (4 photos):
- Satya_Nadella.jpg - Main photo
- Satya_Nadella_headshot.jpg - Professional headshot
- Satya_Nadella_talking.jpg - Speaking/presenting
- Satya_Nadella_smiling.jpg - Casual/smiling
- Satya_Nadella_with_Gates_Ballmer.jpg - With Bill Gates and Steve Ballmer
Mary Barra (4 photos):
- Mary_Barra.jpg - Main photo
- Mary_Barra_portrait.jpg - Official portrait
- Mary_Barra_CEO.jpg - CEO professional
- Mary_Barra_official.jpg - 2014 official
- Mary_Barra_facility.jpg - At GM facility
Tim Cook (3 photos):
- Tim_Cook.jpg - Main photo
- Tim_Cook_portrait.jpg - 2017 portrait
- Tim_Cook_2009.jpg - 2009 photo
Elon Musk (3 photos):
- Elon_Musk.jpg - Main photo
- Elon_Musk_portrait.jpg - Royal Society
- Elon_Musk_speaking.jpg - Speaking 2022
Sundar Pichai (2 photos):
- Sundar_Pichai.jpg - Main photo
- Sundar_Pichai_2023.jpg - 2023 photo
Andy Jassy:
- Andy_Jassy.jpg - Main photo
And 20+ more CEO photos available!
Features
- ✓ Smart cropping with AI face detection
- ✓ Automatic WebP conversion for smaller files
- ✓ Quality control (1-100)
- ✓ Sharpening, brightness, contrast filters
- ✓ 30-day caching for fast loading
- ✓ Progressive JPEG for better user experience
- ✓ nginx caching for ultra-fast delivery
Category