株式会社SNACです。当サイト「小さなお店の集客屋さん」は地方店舗や中小企業のためのウェブ集客の始め方やMEO対策/SEO対策などのマーケティング手法が学べるサイトです。株式会社SNAC代表取締役の大島松二郎が運営しています(旧:ブログ集客実践の書)

コンサルティングの成功事例を見てみる

PhotoScape(フォトスケープ)のトリミング方法(サムネイル・正方形・円形など)

 
PhotoScape(フォトスケープ)のトリミング方法
この記事を書いている人 - WRITER -
まつ
株式会社SNAC代表取締役 MEO/SEO対策/HP制作を用いたWEB集客代行会社を運営。 1985年生まれ 福島県出身 月間12万PVのブログを運営中。自身が運営してきたブログ・メルマガノウハウを基に集客のアドバイスをしている。 【略歴】 28歳の頃、会社の突然の倒産をきっかけにインターネットビジネスの世界に入る。その後、ブログ運営やアフィリエイトに関する教材を買いあさり、素人から独学でWordPressの構築、記事の書き方、ライティング、SEO対策、マーケティング、メルマガ集客を学ぶ。2015年8月から始めたブログ「ブログ集客実践の書」は順調に成長し続け、2016年4月→1万PV、2017年7月→2万PV、2018年1月時点→45000PV→2018年7月には月間12万PVを突破。 現在は株式会社SNACを設立し、整体や美容室、パーソナルジム、エステなど実店舗向けのウェブ集客サービスを展開している。



この記事ではPhotoScape(フォトスケープ)のトリミング方法について詳しく解説します。

フォトスケープのトリミングでは正方形や円形、サムネイル用やアイキャッチ画像など様々な用途に合わせたサイズでトリミングすることができます。

操作方法もまったく難しくないので、この記事を読みながら一緒に作業してみてくださいね。





PhotoScape(フォトスケープ)のトリミング方法

PhotoScapeのトリミングは様々なやり方がありますが、ここではよく使う画像サイズのトリミング方法について解説します。

正方形トリミング
3:4(2~3カラム・バナーなど)
サムネイル・アイキャッチ

①自由トリミング

自由トリミングとは文字通り好きなサイズに画像を切り取る機能です。特に画像サイズに指定がない場合は自由トリミングを使いましょう。

ではやり方です。まずはPhotoScapeの画像編集画面を開きましょう。

PhotoScape
画像編集をクリックします。
PhotoScape(フォトスケープ)のトリミング方法
左側のフォルダを右側のスペースのドラッグしてください。
PhotoScape(フォトスケープ)のトリミング方法
「トリミング」タブを開きます。
PhotoScape(フォトスケープ)のトリミング方法
デフォルト設定では自由トリミングになっていますのでそのまま使ってみましょう。
PhotoScape(フォトスケープ)のトリミング方法
左クリックをしながらドラッグ→Enterキーを押せばトリミング完了です。

②円形トリミング(丸く切り抜く)

PhotoScape(フォトスケープ)のトリミング方法
円形トリミングは画像を丸く切り取る機能です。円形の外側の背景色は変更できるので、ブログやホームページの背景色となじませれば自然な円形画像を見せることができます。

では実際にやってみましょう。

PhotoScape(フォトスケープ)のトリミング方法
トリミングタブで「円形にトリミング」にチェックを入れます。デフォルトでは背景色が白になっているはずです。
PhotoScape(フォトスケープ)のトリミング方法
今回の解説ではわかりやすいように背景色を赤にしてみます。
PhotoScape(フォトスケープ)のトリミング方法
ドラッグで範囲指定し、Enterキーを押しましょう。
PhotoScape(フォトスケープ)のトリミング方法
円形トリミングが出来ました!円形の外側は赤背景なので、赤背景のサイトと合わせれば上手くなじみます(赤背景色のサイトはちょっと怖いですけど)。

③正方形トリミング(1:1)

次は正方形トリミングです。

PhotoScape(フォトスケープ)のトリミング方法
縦横1:1で好きなサイズにトリミングできます。では実際にやってみましょう。
PhotoScape(フォトスケープ)のトリミング方法
トリミングタブでドロップダウンメニューを選択します。
PhotoScape(フォトスケープ)のトリミング方法
「1:1」を選択しましょう。
PhotoScape(フォトスケープ)のトリミング方法
範囲指定をすると必ず正方形で統一されます。好きなサイズにドラッグしたらEnterキーで切り取りましょう。

④サムネイルやアイキャッチサイズ(16:9)

PhotoScape(フォトスケープ)のトリミング方法
Youtubeのサムネイルやブログのアイキャッチ画像の比率である「16:9」です。かなり使うサイズなので、よくあるトラブルの解決方法も合わせて説明します。

ではまずはトリミングサイズを16:9に変更します。

PhotoScape(フォトスケープ)のトリミング方法
16:9を選択します。これでトリミングをすればいいんですが、割とトリミング段階で起きやすいトラブルがあります。
PhotoScape(フォトスケープ)のトリミング方法
16:9って割と縦幅が狭いので、画像が見切れてしまうことが多いんですよね。この場合の解決方法をシェアします。
PhotoScape(フォトスケープ)のトリミング方法
「ホーム」のタブにして「余白」をクリックしましょう。
PhotoScape(フォトスケープ)のトリミング方法
  1. 余白の色:画像の背景色に合わせる
  2. 余白のサイズ:100pxにする(最大幅)

にします。今回は画像の背景色が白なので白にします。トリミング時にはみ出ないようにしたいので、余白は複数回追加しておくといいです。

PhotoScape(フォトスケープ)のトリミング方法
余白を追加することできれいにおさまりました。僕はいつも16:9に切り抜きたい時はこの方法でやってます。

⑤2~3カラムやバナー画像サイズ(3:4)

PhotoScape(フォトスケープ)のトリミング方法
広告のバナー画像や2~3カラムで画像を並べる時にちょうどいいサイズです。
PhotoScape(フォトスケープ)のトリミング方法
3:4を選択してトリミングすればOKです。

Photoscapeは複数画像を一括トリミングできる?

たまにある質問が「複数の画像をまとめてトリミングできないか?」というものですが、PhotoScapeにはまとめてトリミングする機能はありません(リサイズはできます)。

画像編集にて

  • トリミング
  • Ctrl+Sで保存

などショートカットキーを上手く使いながら効率化していくしかなさそうです。

 



 

LINE登録で無料動画セミナープレゼント

LINE特典動画の内容

小さなお店の為の集客の教科書

なぜ、競合店と戦わずに集客できるのか?
Googleマップで1位、2位、3位を独占&検索1位を独占し
ぶっちぎりの地域No1のお店になることができたウェブ集客法

【無料プレゼントのスライド資料一覧】

LINE公式追加で無料プレゼント

この記事を書いている人 - WRITER -
まつ
株式会社SNAC代表取締役 MEO/SEO対策/HP制作を用いたWEB集客代行会社を運営。 1985年生まれ 福島県出身 月間12万PVのブログを運営中。自身が運営してきたブログ・メルマガノウハウを基に集客のアドバイスをしている。 【略歴】 28歳の頃、会社の突然の倒産をきっかけにインターネットビジネスの世界に入る。その後、ブログ運営やアフィリエイトに関する教材を買いあさり、素人から独学でWordPressの構築、記事の書き方、ライティング、SEO対策、マーケティング、メルマガ集客を学ぶ。2015年8月から始めたブログ「ブログ集客実践の書」は順調に成長し続け、2016年4月→1万PV、2017年7月→2万PV、2018年1月時点→45000PV→2018年7月には月間12万PVを突破。 現在は株式会社SNACを設立し、整体や美容室、パーソナルジム、エステなど実店舗向けのウェブ集客サービスを展開している。

Copyright© 小さなお店の集客屋さん – 株式会社SNAC , 2023 All Rights Reserved.