Nacho-dipsauce14 at 22:23, 28 October 2026

2026-10-28T22:23:40Z

← Older revision		Revision as of 14:23, 28 October 2026
Line 1:		Line 1:
	~~{{copy\|<nowiki>{{ImageCrop\|image=TBA\|size=TBA\|h=TBA\|w=TBA\|top=TBA\|left=TBA}}</nowiki>}}~~

	== Description ==		== Description ==
	This template lets you crop an image to any size at any position.		This template lets you crop an image to any size at any position.

Nacho-dipsauce14: Imported template from my private wiki

2026-10-28T22:23:25Z

Imported template from my private wiki

New page

{{copy|<nowiki>{{ImageCrop|image=TBA|size=TBA|h=TBA|w=TBA|top=TBA|left=TBA}}</nowiki>}}

== Description ==
This template lets you crop an image to any size at any position.

== Parameters ==
{| class="wikitable"
! style="width: 20%;" colspan="2" | Parameter
! style="width: 70%;" | Description
|-
! style="width: 10%;" | Image
| style="width: 10%;" | <code><nowiki>image</nowiki></code>
| The image file name, including its extension.
|-
! Image size
| <code><nowiki>size</nowiki></code>
| Full size of the image before cropping. Defaults to 150px.
|-
! Width
| <code><nowiki>w</nowiki></code>
| Crop width. Controls how visible horizontal crop area is.
|-
! Height
| <code><nowiki>h</nowiki></code>
| Crop height. Controls the visible vertical crop area is.
|-
! Left
| <code><nowiki>left</nowiki></code>
| Shifts the crop area from the left edge. Defaults at the top left corner.
|-
! Top
| <code><nowiki>top</nowiki></code>
| Shifts the crop area from the top edge. Defaults at the top left corner.
|}

== Example ==
{| class="wikitable" style="width: 100%;"
| style="width: 50%;" | Imagine you have a 150px × 150px image, but you only want the center 50px region visible (the blue area).
| style="width: 50%;" | [[File:Template-imagecrop.png]]
|-
| '''Step 1: Set the crop size'''<br>
First, decide how big your final cropped image should be. Since the blue block is 50px × 50px, set both width (<code><nowiki>w</nowiki></code>) and height (<code><nowiki>h</nowiki></code>) to <code>50px</code>.
| '''Input:'''
<pre>{{ImageCrop|image=Template-imagecrop.png|size=150px|w=50px|h=50px}}</pre>
'''Output:'''
{{ImageCrop|image=Template-imagecrop.png|size=150px|w=50px|h=50px}}
|-
| '''Step 2: Adjust the position'''<br>
Now the image has the right size, but as you can see, it is in the wrong position because it displays the top-left corner (block a1). To shift the focus to the center blue block, adjust the <code><nowiki>left</nowiki></code> and <code><nowiki>top</nowiki></code> offsets.

On a 150px × 150px image divided into a grid of 50px sections, the central block starts 50 pixels in from each edge. Set both <code><nowiki>left=50px</nowiki></code> and <code><nowiki>top=50px</nowiki></code> to push the crop box inward and isolate the center block.
| '''Input:'''
<pre>{{ImageCrop|image=Template-imagecrop.png|size=150px|w=50px|h=50px|left=50px|top=50px}}</pre>

'''Output:'''
{{ImageCrop|image=Template-imagecrop.png|size=150px|w=50px|h=50px|left=50px|top=50px}}
|-
! colspan="2" | Further examples
|-
| Here is an example showing all three center row blocks (b1 to b3).
| '''Input:'''
<pre>{{ImageCrop|image=Template-imagecrop.png|size=150px|w=150px|h=50px|left=|top=50px}}</pre>

'''Output:'''
{{ImageCrop|image=Template-imagecrop.png|size=150px|w=150px|h=50px|left=|top=50px}}
|-
| Here is an example showing all three left-side column blocks (a1, b1, and c1).
| '''Input:'''
<pre>{{ImageCrop|image=Template-imagecrop.png|size=150px|w=50px|h=150px|left=|top=}}</pre>

'''Output:'''
{{ImageCrop|image=Template-imagecrop.png|size=150px|w=50px|h=150px|left=|top=}}
|-
| Here is an example showing only a quarter of the blue block area.
| '''Input:'''
<pre>{{ImageCrop|image=Template-imagecrop.png|size=150px|w=25px|h=25px|left=50px|top=50px}}</pre>

'''Output:'''
{{ImageCrop|image=Template-imagecrop.png|size=150px|w=25px|h=25px|left=50px|top=50px}}
|}

Template:ImageCrop/doc - Revision history

Nacho-dipsauce14 at 22:23, 28 October 2026

Nacho-dipsauce14: Imported template from my private wiki