ブログのアイキャッチや資料に画像を貼る時、四角いままだと「なんだか堅苦しい」「デザインが味気ない」と感じることはありませんか?
画像の四隅を少し丸くする(角丸にする)だけで、見た目はぐっと「柔らかく、親しみやすい印象」に変わります。
CSSなどの難しいコードを使わなくても、無料ツール「MyPict」を使えば、誰でも一瞬で画像を角丸に加工できます。
角丸加工は、ブログのアイキャッチ画像やWebサイトのカードUI、SNS投稿用の画像によく使われています。
角を丸くするメリット
ほんの少しの手間で、画像のクオリティがアップします。
- 親近感アップ: 尖った角が取れることで、マイルドで優しい雰囲気になります。
- モダンな見た目: 最近のアプリやWebサイト(iPhoneのアイコンなど)は角丸が主流です。
- 背景になじむ: 境界線が柔らかくなり、記事やスライドの中に自然に溶け込みます。
使用するツール:MyPict
インストール不要、ブラウザ上で使えるデザインツールです。
MyPict(マイピクト)を開く
【手順】画像を「角丸四角形」に切り抜く
「角の丸さ(R)」を自由に調整できるのがMyPictの強みです。
STEP 1: 画像を読み込む
- MyPictを開き、加工したい画像をキャンバスにドラッグ&ドロップします。
STEP 2: 「角丸四角形」の図形を重ねる
切り抜きの「型」を作ります。
- ツールバーの「図形」メニューから「四角形(角丸)」を選択して追加します。
- 画像の上に重ねて、切り抜きたいサイズに調整します。
- ★ここがポイント: 図形の設定にある「角丸の半径(Radius)」スライダーを動かすと、角の丸みを微調整できます。
(ほんの少し丸くしたいなら小さく、ガッツリ丸くしたいなら大きく設定しましょう)
STEP 3: 切り抜き(クリップ)を実行
- マウスでドラッグして、「写真」と「角丸図形」の2つを同時に選択します。
- 右クリックメニューから「図形の切り出し」を選択します。
これで、指定した丸みのとおりに写真が切り抜かれます!
STEP 4: 透過PNGで保存
四隅が透明になった状態を維持するために、保存形式に注意しましょう。
- 背景色を「なし(透明)」に設定します。
- 保存ボタンを押し、「PNG」または「WEBP」形式でダウンロードします。
応用:枠線をつけて「ステッカー風」に
切り抜いた後にひと手間加えると、さらに目立つ素材になります。
- 白いフチをつける: 同じ形の「白い角丸四角形」を背面に少しずらして配置すれば、ポップなステッカー風になります。
- 影を落とす: 「影(ドロップシャドウ)」をつければ、浮き上がっているような立体感が生まれます。
まとめ:脱・四角い画像!
「角を丸くする」という処理は地味ですが、デザインの印象を大きく左右する重要なテクニックです。
MyPictならアプリを開く必要もなく、サクッと加工が完了します。ぜひブックマークして活用してください。
