ブログ運用

【無料】画像を「16:9」など固定サイズでトリミングする方法【アイキャッチ画像】

この記事をおすすめする方

  • ワードプレスなどのアイキャッチ画像作成の際「16:9」などの固定サイズでトリミングしたい方
  • 無料が良い方

 

普段、私はワードプレスでブログを書いているのですが、アイキャッチ画像のサイズの比率はあまり考えません。

 

「とりあえず、こんなもんだろう」っていう感じでトリミングしたり、場合によっては、フリー素材に何も手を加えずに使っています。

 

だから、どうしても、文字が途切れているアイキャッチ画像になっていたりします。

 

そんな私ですが、ふと、「16:9」とか「1:1」とか「4:3」で画像をトリミングするにはどうしたらいいんだろう?と思って、調べてみました。

 

そのやり方を、記事にしたいと思います。

 

縦横比固定のトリミングは「Gimp2」で簡単に出来る。

 

利用するソフトは「Gimp2」という無料ソフトです。

 

Adobeの「PhotoShop」のような「画像編集ソフト」です。

 

興味のある方は、下にリンクを貼っておきますので、ご覧ください。

 

GIMP - GNU Image Manipulation Program
GIMP - GNU Image Manipulation Program

GIMP - The GNU Image Manipulation Program: The Free and Open Source Image Editor

www.gimp.org

 

※この記事では、「Gimp2」のインストール方法は割愛させて頂きます。

 

『Gimp2』を利用した、トリミング手順

 

「Gimp2」をインストールした状態を前提に説明したいと思います。

 

まずは「Gimp2」を起動します。

その後、トリミングしたい画像を、「ドラッグ&ドロップ」で画面に表示させてください。

表示させたら、左上のツールがある部分を見て下さい。※赤枠の部分

 

 

ツールの中から「切り抜き」を選択してください。※赤枠の部分

 

 

次に、今度は、右側にあるツールの「詳細設定」を行う画面を見て下さい。※赤枠の部分

 

 

その中に、「固定」と書かれた項目があると思うので、その左側のチェックボックスにチェックを入れて下さい。

また、固定の右側には、何を固定するか指定出来るので「縦横比」を選択しましょう。

そして、「固定」の下には、「縦横」の比率を入力する項目があります。

「16:9」や「1:1」など、自分のしたい比率をキーボードで入力してください。

※赤枠の部分

※設定した項目の「確定ボタン」はありませんので、項目を変更するのみでOKです。

 

 

後は、中央にある「画像」に向かって「左クリック」を押したまま「ドラッグ(移動)」すれば、縦横の比率が固定されたまま、「トリミング」の範囲指定が出来ます。

 

 

問題なければ、選択範囲内を「左クリック」すれば、トリミングされます。

 

 

トリミングした際、トリミング以外の部分が空いてしまった場合は、画面上のメニューバーの

「画像」⇒「キャンバスをレイヤーに合わせる」をクリックすれば、画像に合ったキャンバスサイズに変更してくれます。

※赤枠の部分

 

最後に、完成した画像を出力したい場合は、画面上のメニューバーから・・・

「ファイル」⇒「名前を付けてエクスポート」をクリック。

※赤枠の部分

 

 

一番上の「名前」が元のままだと、元画像が上書きされてしまうので、名前を変更して下さい。

(上書きされても問題なければ、変更しなくてOKです。)

そして、出力したい「フォルダ」を選択し、問題なければ、右下の「エクスポート」をクリック

※赤枠の部分

 

 

次の画面では、画像の「品質」や「詳細設定」が出来ます。(変更しなくても問題ありません。)

問題なければ、下中央の「エクスポート」をクリック。

※自分の場合ですが、毎回、品質だけ「100」にして、「エクスポート」をクリックしてます。

※赤枠の部分

 

 

・・・以上で、完了です。

 

指定した場所に、トリミングされた画像が出力されているはずです。

 

最後に

 

今まで私は「アイキャッチ画像」のサイズにあまりこだわっては来ませんでした。

 

理由は二つあって、私の場合ですが、基本的に「アイキャッチ画像」に文字を入れたりすることがないため、文字が途切れることに対する気持ち悪さが無かったというのが一つ。

 

そしてもう一つは、基本的に「そこそこ大き目の画像」を使っておけば、気分でアイキャッチ画像の表示サイズを変更しても何とかなるというのが、もう一つの理由です。

 

しかし、ある程度長くサイトを運営してくると、段々サイトデザインを変更することが減ってくるため、「それなら、比率に合った画像サイズにした方が見映えが良いかも」という考えに至りました。

 

実際にやってみると、想像以上に簡単で、しかも「無料」のツールで実行可能なので、興味のある方は是非やってみてください。

 

ここまで、当記事をお読みいただき、ありがとうございました。

 

 

-ブログ運用
-