特別なソフトを使わないで、サクッと画像を丸く切り抜きたいときの便利ツール
Photoshopなどの特別なソフトを使わないで、画像を丸く切り抜ける便利で無料なオンライン編集ツールをご紹介します。
普通の画像を四角いまま載せずに、丸く切り抜いてから載せるだけで、柔らかい雰囲気になり、ウェブサイトの見栄えがよくなったりします。
以下でご紹介するツールを使えば、WEBデザインの特別な知識がない方でも簡単に、画像を丸く切り抜けます。
WEBデザイナーをしている私も、画像編集ソフト(Photoshopなど)を立ち上げるのが面倒なので、こちらのオンラインツールで済ませてしまいます。
結果的な仕上がり具合には差はないので、パパッと早くできる方法の方がラクでいいですよね。
1
Image Online(イメージオンライン)
Image Online(イメージオンライン)が提供しているオンライン画像編集ツールはたくさんあるのですが、画像を丸く切り抜くツールのページはこちら【https://crop-circle.imageonline.co/jp/】です。
私は「画像を丸く切り抜きたいときだけ」こちらのサイトを利用させてもらっています。
というのは、サイト内でページを移動するたびに広告が表示され、毎回「閉じる」ボタンをクリックするのが面倒だからです。‥‥お察しのとおり、私は結構面倒くさがり屋です。
それはさておき、広告の表示が少し多い感じはしますが、オンライン上でいろいろなタイプの画像編集を実現させてくれるツールを無料で提供してくれているのでとてもありがたいことです。
使い方
How to Use Step-by-Step Instructions!
- 【https://crop-circle.imageonline.co/jp/】のページ(上記の画像)へいき、『画像を選択』ボタンをクリックして、丸く切り取りたい画像を自分のパソコン内からアップロードします。
- アップロードした画像が右側の画面に反映されると、オレンジ色の四角いハイライトとともに、丸い枠が表示されます。(以下の画像をご参照ください。)
そのオレンジ色の四角いハイライト部分はマウス操作(ドラッグ)で大きさを変えたり、位置を変えることができます。
- 丸く切り取る大きさや場所が決まったら、画像の下にある『円カット』ボタンをクリックしましょう。(ボタンは上の画像での赤ハイライト部分です。)
- 『円カット』ボタンをクリックすると、次は右側に丸く切り取った画像のプレビューが表示されます。もし変更したい場合は、再度左側のオレンジ色の四角いハイライト部分を調整し直すことができます。
ご希望の切取り画像になるまで、何度でもこの作業を繰り返すことが可能です。 - 丸く切り取る画像のプレビューで完成したら、最後に『イメージをダウンロード』ボタンをクリックしましょう。
- 自動で自分のパソコンに作成した切取り画像がダウンロードされます。
ダウンロードした画像は拡張子が「.png」のPNGファイル形式です。
JPEGファイルだと、切り取った部分の周りの背景がただの白になってしまいますが、PNGファイルは透明になるため、このように丸く切り抜かれた加工のときはPNG化が最適です。
以上となります。
先述しましたが、Image Online(イメージオンライン)【ホームページ:https://imageonline.co/jp/】には、この画像を丸く切り抜くツールの他にも、たくさんの画像編集ツールがありますので、ご興味のある方は、ぜひお試しください。
オンラインで一緒につくるWEB制作
20分の無料お試しWEBミーティング受付中!
《 お試しセッション内容 》
- ホームページを持つために必要なもの、環境について
- ホームページ作成ツールやオープンソースを利用するメリット
- それぞれのホームページ作成ツールやオープンソースの違い
- ホームページ制作のプロセス
- セッションの回数と仕上がるウェブサイトのクオリティ&ボリュームについて
- 質疑応答 ー どんなご質問でもお気軽にどうぞ!
新しいことを始めて、学んでもっと楽しく。