メインコンテンツへスキップ
見出し画像

Windows 11 Microsoft Paint(ペイント)で丸形アイコンを作る方法|背景を透過してPNGで保存する手順

    Windows 11標準のMicrosoft Paint(ペイント)のみを使用して、丸形アイコンを作成する方法を解説します。Paintだけで作成できます。専用ソフトは不要です。画像の切り抜きから背景透過、PNG形式の保存まで、初心者でも再現できるようステップごとに解説します。ブログの会話形式アイコンやSNS用プロフィール画像の作成に最適です。


    【Update Information】
    Published: 2025-11-21
    Last updated: 2026-07-28

    Windows 11標準搭載の Microsoft Paint を使用した、丸形アイコンの作成方法を解説します。

    プレゼン資料やブログのプロフィール画像を作成したい方に最適な内容です。

    Windows 11のMicrosoft Paint を使用して丸形アイコンを作成する手順の概要は、以下の通りです。

    • 素材画像わきにキャンバスの作業領域を作る

    • 作業領域に切り抜き用の円形の枠を作る

    • 円の外側の領域を塗り潰し、抜型を作る

    • 抜型を素材画像に重ねる

    • 重ねた画像をトリミングする

    • 背景を削除する

    • 背景を透過させる

    • PNG形式で保存する


    PNG形式の元画像
    Original image in PNG format.


    ペイントを使って円形に切り抜かれた画像
    An image cropped into a circle using Microsoft Paint.


    本稿の後半では丸形アイコンの作成方法を適用した、角丸形アイコンの作成方法も解説しています。

    本稿について
    本稿は日本語で執筆していますが、掲載している操作画面のスクリーンショットは、言語設定に左右されず多くの環境で参照しやすいよう、Windows 11 の英語UIを使用しています。本文では、日本語の操作名と英語UIの名称を併記して説明しています。

    目次を見ると、作業全体の流れを事前に把握できます。

    準備(Preparation)

    アイコン用の素材画像を準備します。

    最適な素材画像の形式

    元画像形式は、PNG形式を推奨します。

    理由は、以下の3点です。

    ・可逆圧縮で画質劣化しない。
    ・透明背景が扱える。
    ・丸形アイコンの縁が綺麗に仕上がる。

    推奨する素材画像のサイズ

    完成サイズを N px とすると、素材画像はその約3倍(3×N px)を推奨します。

    例えば、仕上がりサイズが256pxの場合、約768pxの素材画像が推奨されます。

    ・推奨:3N px(最適)
    ・許容:2N〜4N px
    ・非推奨:N px以下(劣化が目立つ)

    元の画像が仕上がりサイズの3倍が最適な理由は、以下の通りです。

    ・縮小時にアンチエイリアスが効いて縁が滑らかになります。
    ・元画像の解像度が高いほど仕上がりが綺麗になります。
    ・3倍は程よいサイズで効果が最大化され、バランスよく仕上がります。


    PNG形式の元画像 画像サイズ 1024x1024 px
    Original image in PNG format; image size 1024x1024 px.


    STEP1 Microsoft Paintで素材画像を開きます

    素材として使用する画像をMicrosoft Paintで開きます。

    素材として使用する画像をPaintで開きます
    Open the image to be used as source material in Microsoft Paint.


    STEP2 画像の左側に作業領域を作成します

    画像の右中央にあるサイズ変更ハンドルを右にドラッグして、元の画像とほぼ同じ大きさの作業領域を作成します。

    画像の右中央にあるサイズ変更ハンドルを右にドラッグします
    Drag the resize handle located at the middle right of the image to the right.
    作業領域を作成します
    Create a workspace.


    STEP3 円形の輪郭を作成します

    3-1. 輪郭の色を指定します

    ・Color 1 にラベンダー色を設定します
    ・輪郭の色は何色でもかまいません。
    ・透過した後の画像には、輪郭に指定した色が少し残ります。
    ・輪郭を目立たないようにするには、ラベンダー色のような淡い色がお勧めです。

    Color 1 にラベンダー色を設定します
    Set Color 1 to lavender.

    3-2. 線の幅を1pxにします

    線の幅を最小値の1pxに設定すると、透明度を適用した後の画像の輪郭が目立ちにくくなります。

    線の太さを1pxに設定してください
    Set the line width to 1px.

    3-3. 楕円を選択し、円を描きます

    作業領域にプロフィール画像にしたい大きさに合わせて円を描きます。

    作業領域に円を描きます
    Draw a circle in the workspace.

    3-4. 楕円を真円にします

    ・右クリックで「サイズ変更」を選択します。

    右クリックで「サイズ変更」を選択します
    Right-click and select "Resize."

    ・「アスペクト比を維持する」チェックボックスをオフにします。

    「アスペクト比を維持する」チェックボックスをオフにします
    Clear the "Maintain aspect ratio" checkbox.

    ・水平および垂直のピクセル数を同じ値に設定します。

    水平および垂直のピクセル数を同じ値に設定します
    Set the number of horizontal and vertical pixels to the same value.


    STEP4 円の外側の領域を塗りつぶします

    透過する領域を円の輪郭と同じ色で、塗りつぶします。

    4-1.  塗りつぶしの色は、円の輪郭の色と同じ色にします

    4-2. 塗りつぶしツールを選択し、円の外側を塗りつぶします

    円の外側を塗りつぶします
    Fill in the area outside the circle.
    マスキング前とマスキング後の画像
    Before and after filling.


    STEP5 円形と、透過用の領域を範囲選択します

    ここで選択した領域が、切り抜きのガイドラインとなります。

    5.1  "選択"から"矩形"を選択します

    選択から矩形を選択します
    Select "Rectangle" from "Selection".

    5.2  円を囲むように周りの透過用の領域を含めて選択します

    円を囲むように周りの透過用の領域を含めて選択します
    Select the area surrounding the circle, including the region to be made transparent.


    STEP6 選択した領域を、素材画像に重ねます

    ステップ5で選択した領域を、素材画像に重ね合わせます。

    ステップ5で選択した領域を、元の画像に重ね合わせます
    Superimpose the selected area onto the original image.


    STEP7 画像をトリミングします

    ”Image"から"Crop"を選択します

    画像から切り抜きを選択します
    Select "Crop" from "Image".
    切り取り後の画像
    Cropped image


    STEP8 ラベンダー色の背景を削除します

    "背景を削除"を選択します。

    ラベンダー色の背景を削除します
    Remove the lavender-colored background.
    背景が削除された画像
    An image with the background removed.


    STEP9 背景を透過します

    9-1. レイヤーパネルを開きます

    リボンメニューから"Layers"を選択します。

    レイヤーパネルを開きます
    Open the Layers panel.

    9-2. 背景を透過します

    ”Background”タイルを右クリックし”Hide background”を選択します。

    Backgroundタイルを右クリックしHide baccgroundを選択します
    Right-click the "Background" tile and select "Hide background ".
    背景が透過された画像
    An image with a transparent background.


    STEP10 画像をPNG形式で保存します

    画像をPNG形式で保存します
    Save the image in PNG format.


    完成した円形のアイコン画像
    The completed circular icon image.


    適用例:角丸形アイコンの作成方法

    ・STEP1からSTEP3の輪郭の色と線幅を1pxにするまでは、同じ手順です。

    ・形状を円ではなく角丸長方形にする場合は、"形状"から"角丸長方形"を選択します。

    形状から角丸長方形を選択する
    Select "Rounded Rectangle" from "Shapes".


    ・作業領域にプロフィール画像にしたい大きさに合わせて角丸長方形を描きます。

    作業領域に角丸長方形を描きます
    Draw a rounded rectangle on the workspace.


    ・STEP4の"領域の範囲指定"からSTEP10の”画像をPNG形式で保存する”までは、同じ手順です。

    完成:角丸長方形のアイコン画像
    The completed rounded-rectangle icon image.



    関連記事

    関連記事について

    以下で紹介する関連記事は、日本語で執筆しています。

    Microsoft Paint(ペイント)で背景だけをモザイク処理したように見せる方法を解説

    Microsoft Paint(ペイント)で背景だけをモザイク処理したように見せる方法を『Windows 11 Microsoft Paintで背景だけをモザイク処理したように見せる方法|2枚のレイヤーでプライバシーに配慮』で詳しく解説しています

    スクリーンショット公開前の運用ルール

    Microsoft Paint(ペイント)を活用したスクリーンショット公開前の運用ルールを『スクリーンショット公開前の運用ルール|不要な情報を隠すチェックリスト』で詳しく解説しています

    ITツール・デジタル活用

    関連記事は、マガジン「実務IT・デジタルツール活用ガイド」にまとめています。

    Excel実務デザイン活用ガイド

    関連記事は、マガジン「Excel実務デザイン活用ガイド」にまとめています。


    【Update History】
    ・2026-07-28: I added an overview of the procedure to the introduction.
    ・2026-07-20: Revised the main text
    ・2026-04-02: Added meta description
    ・2026-03-22: Added introduction


     
     
    Excel2024の活用術や、ビジネスITツールの操作ガイドを公開しています。現場で役に立つ「論理的で再現性のあるノウハウ」の提供を目的としています。

    あなたへのおすすめ