Template:Easy CSS image crop

テンプレートの解説[表示] [編集] [履歴] [キャッシュを破棄]

{{CSS image crop}} の応用で、簡単にパラメータを指定するためのテンプレートです。元画像をピクセル単位ではなく、簡単なパーセンテージでトリミングできます。

使い方

{{Easy CSS image crop
|image                 = ファイル名。File: を含める必要はありません。
|desired_width         = 最終的に出力される画像の横サイズ（ピクセル）。標準では220。
|crop_left_perc        = 左側のカット割合（パーセンテージ）。「10.3」を指定すると10.3パーセントになる。
|crop_right_perc       = 右側のカット割合。
|crop_top_perc         = 上側のカット割合。
|crop_bottom_perc      = 下側のカット割合。
|align                 = 'right', 'left', 'center' , 'none'. 標準ではrightになる。
|caption               = 画像下部の説明文
|link                  = 
|alt                   = 
|page                  = 
|magnify-link          = 
}}

例

オリジナル

• 
• 

クロップ後

セオドア・ルーズベルト大統領

{{Easy CSS image crop
|image                 = Theodore Roosevelt by the Pach Bros.jpg
|desired_width         = 220
|crop_left_perc        = 10
|crop_right_perc       = 10
|crop_top_perc         = 5
|crop_bottom_perc      = 
|align                 = right
|caption               = [[セオドア・ルーズベルト]]大統領
}}

国鉄江差線地図

{{Easy CSS image crop|align=right
	|Image = Hokkaido Hiyama subpref 1966 map.webp
	|desired_width         = 350
	|crop_left_perc        = 30
	|crop_right_perc       = 30
	|crop_top_perc         = 75
	|crop_bottom_perc      = 0
	|caption    = 国鉄[[江差線]]地図
}}

関連項目

この解説は、Template:Easy CSS image crop/docから呼び出されています。 (編集 | 履歴)
編集者は、このテンプレートをサンドボックス (作成 | 複製)とテストケース (作成)で試すことができます。（解説）
/docのサブページにカテゴリを追加してください。 このテンプレートのサブページ一覧。