ガイド · 画像エディター

PremiumPNG 画像エディターで PNG 画像をオンライン編集する方法

PremiumPNG.com のどの透過 PNG もブラウザーで直接開き、部分を切り抜いて色を変え、背景、テキスト、エフェクトを加えて、新しい PNG として保存できます — 透明度もそのまま、Photoshop は不要です。

更新日 · 約 8 分で読めます

PremiumPNG 画像エディターでできること

画像エディターは、ウェブブラウザーで動くレイヤー対応の写真編集ツールです。PremiumPNG.com の PNG 画像をフルサイズで開き、透明度を保ったまま、画像をあなただけのデザインに仕上げるツールを提供します — SNS、メニュー、チラシ、ウェブサイト、プレゼンテーションに。

  • レイヤー、描画モード、クリッピングマスク
  • なげなわ、自動選択、長方形選択による選択
  • 色相・彩度、レベル補正、カラーバランス
  • フォント、縁取り、影、スタイル付きのテキスト
  • リアルタイムプレビュー付きの 80 種類以上のエフェクト
  • 画像検索:PremiumPNG の画像をレイヤーとして追加
  • PNG で保存、JPEG・WebP・PSD・PDF に書き出し
  • ZIP、7Z、TAR.GZ などで保存
  • 透明度を保持 — 元画像は変わりません

1「画像を編集」で PNG を開く

PremiumPNG.com で透過 PNG を探します。検索、カテゴリ、またはすべての PNG 画像を見るから探せます。画像ページを開き、プレビューの下にある黄色の画像を編集ボタンをクリックします。

画像エディターは、透かしのないフルサイズの元画像を、移動元のページと同じ言語で開きます。大きな画像(ここでは 4096 × 4096 ピクセル)も数秒で開きます。PremiumPNG.com の元画像が変更されることはありません。作業内容は新しい PNGとして保存されます。

PremiumPNG.com で、アイスクリームコーンの透過 PNG の下にある「画像を編集」ボタン
PNG の画像ページにある「画像を編集」ボタン。
PNG 画像を開いている PremiumPNG 画像エディター
エディターがフルサイズの元画像を開きます。

2画像の一部を選択する

画像の一部だけを変更するには、まずその部分を選択します。なげなわボタンには 3 つのツールがあります — ボタンの上でマウスを押し続けるか、右クリックして選びます。

  • なげなわ(L) — 部分の周りを自由に囲みます。
  • 多角形選択(Shift+L) — 角から角へクリックして直線の輪郭を作ります(下のコーンのように)。最初の点をもう一度クリック(またはダブルクリック)すると選択範囲が閉じます。
  • マグネット選択(Shift+L) — マウスを動かすと、輪郭がオブジェクトの縁に吸い付きます。

自動選択(W)はクリック 1 回で同じ色の範囲を選択し、長方形選択(M)は四角形の範囲を選択します。選択メニューでは、選択範囲のぼかし、拡張、縮小、滑らかに、反転ができます。

オンライン画像エディターのなげなわ、多角形選択、マグネット選択ツール
なげなわ、多角形選択、マグネット選択。
アイスクリームのコーンの周りを多角形選択で囲んだ選択範囲
コーンの周りの多角形選択。

3選択範囲を独立したレイヤーにする

Ctrl+X で選択部分を切り取り、Ctrl+V で貼り付けると、同じ位置に新しいレイヤー("Pasted 1")になります。これで、画像のほかの部分に触れずに、その部分だけ色を変えたり、移動したり、サイズを変えたりできます。

元の画像を残したい場合は、Ctrl+X の代わりに Ctrl+C(コピー)を使うか、結合部分をコピー(Ctrl+Shift+C)ですべてのレイヤーの見えている内容をコピーします。

画像から新しいレイヤーに切り取ったコーン
切り取った部分が新しいレイヤーになります。

4色調補正で色を変える

イメージメニューには色に関するすべてのツールがあります。明るさ・コントラスト、色相・彩度(Ctrl+U)、レベル補正(Ctrl+L)、カラーバランス(Ctrl+B)、自然な彩度、自動レベル補正、階調の反転、彩度を下げる、セピアなどです。どのウィンドウでも、スライダーを動かしている間にリアルタイムでプレビューされます。

ここでは色相・彩度でコーンのレイヤーに新しい色を付けています。色相で色を変え、彩度で色の濃さを、明度で明るさを調整します。色彩の統一にチェックを入れると、レイヤー全体が 1 色になります。

明るさ・コントラスト、色相・彩度、レベル補正、カラーバランスがあるイメージメニュー
イメージメニュー:色調補正とカンバスのツール。
アイスクリームのコーンをピンクに変えている色相・彩度ウィンドウ
色相・彩度でコーンがピンクになります。

5グラデーションの背景を追加する

透過 PNG にはどんな背景でも付けられます。長方形ツール(U)で画像全体に四角形を描くと、新しいレイヤーになります。それを右クリックしてレイヤーを最背面へ(Ctrl+Shift+[)を選ぶと、アイスクリームの後ろに移ります。

次にグラデーションツール(Shift+G)を選び、長方形の上をドラッグします。線形か円形と既製のグラデーションを選びます — 下のレインボーは、赤い点から始まる円形グラデーションです。単色でもかまいません。その場合は塗りつぶし(G)を使います。

画像全体の上に描いた黒い長方形のレイヤー
画像全体を覆う長方形。
「レイヤーを最背面へ」を選んだレイヤーの右クリックメニュー
右クリック › レイヤーを最背面へ。
PNG のアイスクリームコーンの後ろにある、レインボーの円形グラデーション背景
新しい背景になったレインボーの円形グラデーション。

6テキストとテキストスタイルを追加する

テキストツール(T)を選んで画像をクリックします。テキストを編集ウィンドウに文字を入力し、テキストを適用をクリック(または Ctrl+Enter)します。テキストはそれぞれ独立したレイヤーなので、後でダブルクリックすれば文字を変更できます。

右側のテキストパネルでは、フォント(自分の .ttf や .otf ファイルも可)、サイズ、配置、文字間隔、塗り、グラデーション、縁取り、影を設定できます。いちばん早いのは、テキストスタイルのどれかをクリックすることです — 光彩、ネオン、3D、縁取り、ステッカーなど。上にある 2 つの色を使うので、クリック 1 回で統一感のある見た目になります。

オンライン画像エディターの「テキストを編集」ウィンドウと「テキストを適用」ボタン
テキストを入力して「テキストを適用」をクリックします。
Cool Ice の文字に光彩・ネオン・縁取りのスタイルを適用したテキストスタイルパネル
テキストスタイル:クリック 1 回で完成した見た目に。
レイヤーパネルと、画像の上の光る紫のテキストスタイル
スタイルの 2 色を変えると別の見た目になります。

7エフェクトライブラリと画像検索

ウィンドウメニューから 2 つの便利な機能を開けます。

  • エフェクトライブラリ — 80 種類以上のエフェクトがグループ別に並んでいます(変形とゆがみ、ぼかしとフォーカス、アート、光とレンズ、カラー…)。どれもリアルタイムでプレビューでき、ぼかし、光彩、スケッチ、周辺光量、渦巻き、ミラー、反射など多数あります。
  • 画像検索 — エディターを離れずに PremiumPNG.com のコレクションを検索できます。結果をクリックすると、新しいレイヤーとして画像に追加されます — ここではピンクのアイスクリームをひとすくい。

レイヤーパネルでは、レイヤーを上下にドラッグして順序を変えたり、目のアイコンで非表示にしたり、ロックしたりできます。変形パネルでは、位置、サイズ、回転を正確に指定し、レイヤーを整列できます。

「エフェクトライブラリ」を選んだ画像エディターのウィンドウメニュー
ウィンドウ › エフェクトライブラリ。
「画像検索」を選んだウィンドウメニュー
ウィンドウ › 画像検索。
エディター内でのアイスクリーム PNG 画像の検索結果
検索結果 — クリックするとレイヤーとして追加されます。
レイヤーパネルでレイヤーをドラッグしている様子と、位置・サイズ・回転を設定する変形パネル
レイヤーをドラッグして順序を変えます。

8いらない部分を消す

消しゴムボタンには 3 種類の消しゴムがあります。

  • 消しゴム(E) — ソフトまたはハードなブラシで消します。サイズと硬さは上部で設定するか、[ と ] キーを使います。
  • 背景消しゴム — オブジェクトの周りの背景色を消し、縁は残します。
  • マジック消しゴム — クリック 1 回で同じ色の範囲を消します。

消した部分は透明になり、Ctrl+Z で元に戻せます。ブラシ、コピースタンプ、スポット修復ブラシ、ぼかし、指先、覆い焼き、焼き込みの各ツールも同じように使えます。

消しゴム、背景消しゴム、マジック消しゴムのツール
消しゴム、背景消しゴム、マジック消しゴム。
消しゴムツールで、配置した PNG レイヤーの一部を消している様子
新しいレイヤーの一部を消しています。

9PNG を保存、または JPEG、WebP、PDF などに書き出す

右上のPNG を保存をクリックすると、変更内容を含む新しい PNG ができ、透明な部分は透明のままです。

ほかの形式にするにはファイル › 形式を指定して書き出しを選びます。幅、高さ、解像度を設定し、背景を選べます。

  • 画像:PNG、JPEG、WebP、AVIF、GIF、TIFF、PSD、BMP、TGA、ICO(アイコン)、RAW
  • ドキュメント:PDF

まだ終わっていない場合は、ファイル › プロジェクトとして保存ですべてのレイヤー、テキスト、スタイルを残せます。後でファイル › プロジェクトを開くから再び開けます。

PNG、JPEG、WebP、GIF、TIFF、PSD、BMP、TGA、ICO、RAW、PDF 形式がある「形式を指定して書き出し」ウィンドウ
形式を指定して書き出し:画像形式と PDF。

10圧縮ファイルとして保存(ZIP、7Z、TAR.GZ…)

画像をメールで送りたい、またはサイズを小さくしたいときは、ファイル › 圧縮ファイルとして保存を選びます。画像形式(PNG、JPEG、WebP)と圧縮形式を選んで保存をクリックすると、エディターが画像を保存し、1つの圧縮ファイルにまとめてダウンロードします。

  • ZIP - どのパソコンやスマホでも開けます
  • 7Z - 7-Zip、WinRAR、Windows 11 で開けます
  • CAB、TAR、TAR.GZ、GZ - Windows、Linux、Mac 向け

ファイル名は画像の名前になります(例:AI-Red-Fox-edited.zip)。前回選んだ形式はエディターが覚えています。

画像エディターの「圧縮ファイルとして保存」ウィンドウ(画像形式と ZIP、7Z、CAB、TAR、TAR.GZ、GZ 形式)
ファイル › 圧縮ファイルとして保存。

ツールとキーボードショートカット

ツールはほかのプロ向け写真編集ソフトと同じように動作し、キーボードショートカットも同じです。エディターでツールにマウスを重ねると、名前とショートカットが表示されます。ツールボタンの小さな三角は、ほかのツールも入っていることを示します。ボタンの上でマウスを押し続けると選べます。

キーツール用途
V選択 / 移動レイヤーの選択、移動、拡大・縮小、回転
M / Shift+M長方形 / 楕円形選択四角形または楕円の範囲を選択する
L / Shift+Lなげなわ / 多角形選択 / マグネット選択フリーハンド、直線、または縁に沿って選択する
W自動選択同じ色の範囲を選択する
C切り抜き画像を新しいサイズに切り抜く
Iスポイト画像から色を拾う
B / Nブラシ / 鉛筆やわらかい線やくっきりした線を描く
E消しゴム透明になるまで消す(背景消しゴムとマジック消しゴムもあり)
Sコピースタンプ画像の一部を別の場所にコピーする
Jスポット修復ブラシしみや小さな傷を取り除く
R / Shift+Rぼかし / 指先画像の一部をぼかす、またはこすってなじませる
O / Shift+O覆い焼き / 焼き込み部分的に明るく、または暗くする
G塗りつぶし範囲を色で塗りつぶす
Shift+Gグラデーション線形または円形のグラデーションで塗る
Tテキストテキストレイヤーの追加と編集
U / Shift+U長方形 / 楕円図形を新しいレイヤーとして描く
\直線直線を描く(Shift で 45° 刻み)
H / Z手のひら / ズーム表示の移動とズーム

ほかにも便利: Ctrl+Z 取り消し, Ctrl+X / Ctrl+C / Ctrl+V 切り取り、コピー、貼り付け, Ctrl+A すべてを選択, Ctrl+U 色相・彩度, [ ] ブラシサイズ.

よくある質問

PNG 画像を無料でオンライン編集できますか?
画像エディターは Premium Elite と Premium Ultra プランに含まれています。ログインが必要で、プランでダウンロードできるすべての PNG を編集できます。
透明な背景は透明のままですか?
はい。透過 PNG は透明度を保ったまま開き、PNG を保存でも透明のまま保存されます。背景レイヤーを追加した場合や、透明に対応していない形式(JPEG など)で書き出した場合にだけ背景色が付きます。
Photoshop は必要ですか?
必要ありません。エディターはウェブブラウザー(Chrome、Edge、Firefox、Safari)で動作し、Windows、Mac、Linux に対応しています。インストールは不要です。レイヤー、選択範囲、色調補正、おなじみのキーボードショートカットがあり、PSD ファイルの書き出しもできます。
元の画像は変更されますか?
変更されません。PremiumPNG.com の元画像は常にそのままです。PNG を保存で、変更内容を含む新しいファイルが作られます。
自分の画像やほかの PremiumPNG 画像を追加できますか?
はい。パソコン内の画像は ファイル › 画像をレイヤーとして配置 で、PremiumPNG.com の画像は ウィンドウ › 画像検索 で新しいレイヤーとして追加できます。自分の画像を追加すると、隠れた情報(カメラ、GPS、AI 生成ツールのデータ)は削除されます。
どのファイル形式で保存できますか?
PNG を保存で PNG、後で続きを作業するためのプロジェクトファイル、そして「形式を指定して書き出し」で JPEG、WebP、AVIF、GIF、TIFF、PSD、BMP、TGA、ICO、RAW、PDF です。ファイル › 圧縮ファイルとして保存 を使えば、ZIP、7Z、CAB、TAR、TAR.GZ、GZ でもダウンロードできます。
エディターはどの言語で使えますか?
エディターは 29 の言語で使えます。英語、スペイン語、ポルトガル語、フランス語、ドイツ語、イタリア語、ロシア語、中国語、日本語、ヒンディー語、インドネシア語、シンハラ語などです。言語はエディター右上でいつでも切り替えられます。
編集結果を ZIP や 7Z ファイルでダウンロードできますか?
はい。ファイル › 圧縮ファイルとして保存 を選び、ZIP、7Z、CAB、TAR、TAR.GZ、GZ から選択します。編集したファイルが保存され、1つの圧縮ファイルに入ってダウンロードされます。メールで送るときに便利です。
タブレットやスマートテレビでもエディターを使えますか?
はい。エディターはパソコン、タブレット、スマートテレビの最新ブラウザーで使えます。保存したファイルは画像の名前でダウンロードされるので、テレビやスマホのブラウザーのダウンロード一覧にも正しく表示されます。
EPS ベクターファイル用のエディターもありますか?
はい。EPS ベクターは PremiumPNG ベクターエディターで開き、パス、グラデーション、グラデーションメッシュを編集できます。ベクターエディターのガイドをご覧ください。

最初の PNG を編集してみませんか?

透過 PNG を選んで「画像を編集」をクリックし、あなただけのデザインにしましょう。

PNG 画像を見る プランを見る