スマートフォンサイトを表示する

  1. TOP
  2. はじめて相談室 : 第15回 写真を自由に切り抜きたい!

エキスパートコラム

はじめて相談室

第15回:写真を自由に切り抜きたい!

執筆:#fc0(株式会社エフシーゼロ)

2016年7月11日更新

  • このエントリーをはてなブックマークに追加

閲覧数960views

このコラムをPDF形式でダウンロードする

「はじめて相談室」では、「はじめてWEB」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします!「こんなこと聞いていいのかな…」という方大歓迎の相談室です。

今回は、写真を必要なところだけ残して切り抜くには専用のソフトがいるのかしら?というご相談です。

おたより

はじめまして。つい最近「はじめてWEB」を使ってホームページを作り始めました。写真をたくさん使って、自分らしさを出せていけたらと思っています。
その中でひとつ気になっていることがあります。いまデジカメで撮った写真をそのまま載せているのですが、たとえば写真を横長に切り抜いたりするには写真専用のソフトが必要なのでしょうか。
写真専用のソフトは難しそうで不安です。(みょうが大好きさんより)

ナビゲーターからの回答

ナビゲーター

みょうが大好きさん、こんにちは!
「はじめてWEB」ナビゲーターの広瀬みかです。

写真で自分らしさを出せたら、というのは本当にステキですね!
「はじめてWEB」で使われてるJimdoにはたくさんのレイアウトがありますが、そこからホームページのテーマやお仕事に合った写真を載せていくと、よりオリジナリティを出せると思います!

さて「写真を好きな大きさに切り抜きたい」というご質問についてです。
以前まではみょうが大好きさんのおっしゃる通り、画像を加工するためのソフトが必要だったのですが、2016年6月に「フォトエディター」という新しい機能が追加されましたので、今回はこの「画像を編集」について紹介します!
ちなみに画像を切り抜くことを専門用語で「トリミング」っていいます。

「画像を編集」機能って?

2016年6月にJimdoの「画像」コンテンツの中に、「画像を編集」というボタンが追加になりました!これをクリックすると「フォトエディター」機能を使うことができます。

この「フォトエディター」機能を使うと画像を切り取るだけでなく、色調整や枠や文字の追加なども簡単にJimdoの編集画面でできるようになりました。

画像を切り取ってみよう

使いたい写真があっても、サンプル写真のように左上に指が入ってしまっていたり、右下のリュックなど必要のないものが写り込んでいたりすることってよくありますよね。このままだとビジネス用のホームページに使うには少しもったいない気がします。

こういうときに、見せたいところだけを切り抜くということができます。

1. 画像をアップロードする

[画像]コンテンツで写真をアップロードし、[画像を編集]ボタンをクリックします。

2.[切り抜き]ボタンを選択する

フォトエディターの画面が出できました。この中の[切り抜き]ボタンをクリックします。

3. 残したいところを指定する

今回は自由に切り抜きたいので、画面の4つの白い丸ボタンをドラッグして、表示したい部分を指定します。切り抜きたいところが指定できたら右上の「適用」ボタンをクリックします。

4. 保存を忘れずに!

最後に右上にある[保存]ボタンをクリックします。

これで切り抜きが完了しました!
このように「見せたいところだけ」を切り抜くと、ホームページ全体がよりプロっぽくなるのでおすすめです!!

同じ方法で、今回の質問にあったように横長に切り抜いて、ステキにレイアウトにはめていくのも簡単にできます。ぜひ試してみてください!

色の調整もカンタン!

お料理などは[強調]→[Food]で、お料理をよりきれいに表示させたりすることもできます。

やり直すのも簡単!

保存する前なら、画面の左下のボタンをクリックして修正前に戻すことができるので安心ですね!

いかがでしたか?
「フォトエディター」は、画像を切り抜いたり写真の色味を調整したりフレームと呼ばれる枠を付けることなどもできて、よりプロっぽい仕上がりになるとてもすてきな機能ですので、ぜひいろいろ試してみてくださいね!!

おたよりお待ちしています!

ナビゲーター

「はじめて相談室」では、みなさまからの「はじめてWEB」の素朴な疑問をお待ちしています!
「こんなこと聞いたら恥ずかしいかも。。。」というご質問大歓迎です!
「はじめてWEB」ナビゲーターがなんでもお答えしちゃいます!
おまちしてまーす!

ナビゲーターへの質問はこちらから!

このコラムでは、パソコン初心者の方からの
「こんなこと聞いてもいいのかしら?」という質問にお答えしています。

  • ※毎月1回程度のコラムですので、急を要する質問にはお答えできません。
  • ※すべての質問にお答えできるわけではありませんので、あらかじめご了承ください。
  • ※Jimdoの操作や、はじめてWEBに関する質問はQ&Aコーナーもご活用ください。

お名前(ペンネーム)

メールアドレス

質問

確認する

はじめてWEB

「はじめてWEB」でホームページを作成しよう!

「はじめてWEB」のホームページ開設支援サービスとは、7つのステップで簡単に無料で作成ができ、さらにその後1年間無料でご利用いただけるサービスです。

さあ、はじめよう!

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

#fc0(株式会社エフシーゼロ)

#fc0(株式会社エフシーゼロ)

JimdoExpert
http://fc0.vc/

「もっと多くの人に、"Webへの入口"を」をコンセプトに、中小企業や個人商店をメインとしたWebサイトの企画・制作・運営アドバイスなどの業務を行う。また、主に初心者を対象とした講師・執筆も多数。

主な著書に『デザインの学校 これからはじめるFireworksの本』(技術評論社)、『デザインの学校 これからはじめるDreamweaverの本』(同)、『ああしたい、こう変えたいが手にとるようにわかるCSS基礎』(共著、エムディエヌコーポレーション)など。

小さなお店&会社のホームページ Jimdo入門

  • 1年間無料

    「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

コラム週間アクセスランキング[期間:2017/5/14~2017/5/20]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!