PNGやWebP画像の透明度を一括調整する3つの方法！デザイン作業をより効率的に

PNGやWebP画像の透明度調整は、一般的にウォーターマーク効果の実装、レイヤーの作成、グラデーション背景の制作といったシーンで行われ、グラフィックデザインやWeb開発で特に頻繁に使用されています。通常は1枚ずつ手動で処理するため、効率が悪く、多くの時間を無駄にして各画像の透明度を設定するだけでなく、さらに重要なのは、調整後に各画像の透明度を100％同一かつ一致させるのが難しく、作業の進捗効率も非常に遅くなります。では、半透明状態に変換する必要がある数百枚のWebPやPNG画像がある場合、繰り返しの作業は貴重な時間を大量に消耗します。

この記事では、3つの方法を中心に、PNGやWebPの画像を効率的に統一し、作業効率を大幅に向上させ、無駄な時間を省くための処理テクニックを紹介します。

どのような場合にPNG形式の画像の透明度を自分で設定するのか？

PPTやポスター画像の作成

PNGをPPTや宣伝画像に貼り付けると、ロゴが明るすぎたり、装飾要素が主題を覆い隠したり、背景画像と文字の色やフォントが衝突したりして、明らかに違和感を感じることがあります。このような場合、PNG画像の透明度を調整して画面に馴染ませることで、画像を少し弱め、正式な内容を見る妨げにならず、主題を圧倒することもありません。

透かしやファイルへの押印を避ける

画像に透かしや署名、印鑑を追加する際、PNG画像が透明でないと、画面上の文字が簡単に隠れてしまい、書かれている内容が全く見えなくなります。PNGを任意の透明度に調整して文字を表示させることで、ファイルの著作権を保護しつつ、ユーザー全体の閲覧体験に影響を与えないようにできます。

Webページやアプリのインターフェースへの挿入

WebPをWebページやアプリのインターフェースに挿入する場合、一部のアイコン、ボタン、背景などの画像ファイルは、元の画像で透明度を下げます。透明度が高すぎると、ユーザーが一部のボタンをクリック必須の機能と誤認する可能性があります。透明度を下げると、インターフェースの階層がより明確になり、視覚的にも快適になります。

大量の画像の透明度を一括調整した効果のプレビュー

処理前：

処理後：

方法1： HeSoft Doc Batch Tool を使用してPNGの透明度をまとめて設定

おすすめ度：★★★★★

メリット：

• 数千枚、数万枚の画像を一度に調整でき、処理速度が非常に速く、同時に様々な画像形式間の変換や画像分割にも対応しています。
• すべての画像はローカルで処理され、画像をアップロードする性質のものではないため、各ユーザーのプライバシーを保護します。

デメリット：

• ソフトウェアをインストールしたパソコンでのみ操作可能です。

操作手順：

1、【 HeSoft Doc Batch Tool 】を開き、【画像ツール】-【画像効果強化】を選択します。

2、【ファイル追加】または【フォルダからファイルをインポート】で透明度を調整したい画像を追加する方法を選択します。画像を下部に直接ドラッグしてインポートすることも可能です。その後、次へをクリックします。

3、設定オプションページに進み、【不透明度】ボタンをオンにし、下部の丸い小さなボタンをドラッグして透明度をカスタマイズ設定し、再度次へをクリックします。次に参照をクリックし、処理後の画像の保存場所を選択します。

4、処理が完了するのを待った後、赤いパスをクリックしてフォルダを開くと、透明度が設定されたPNG画像を確認できます。

方法2：PowerPointのスライド機能を使ってPNG画像の透明度を設定

おすすめ度：★★★☆☆

メリット：

• 新しいソフトウェアをインストールする必要がなく、一般的な会社員であれば誰でも簡単に操作できます。
• 透明度のパーセンテージを正確に調整・制御できます。

デメリット：

• 画像を手動で名前を付けて保存する必要があり、自動でエクスポートできません。
• 透明度を調整する画像が多い場合、操作を繰り返す必要があり、非常に時間がかかります。

操作手順：

1、PowerPointファイルを開き、透明度を調整したい画像をすべて挿入します。

2、画像を左クリックして選択した後、上部で透明度を調整します。

3、最後に画像を右クリックして保存します。

方法3：PythonとPILライブラリを使用して画像の透明度を一括調整

おすすめ度：★★☆☆☆

メリット：

• 完全に自動化されており、ワークフローに組み込んで適用できます。
• 処理速度が非常に速く、大量の画像も迅速に処理できます。

デメリット：

• プログラミングの基礎が必要で、初心者にはおすすめできません。学習コストが高いです。

• パソコンにPythonがインストールされている必要があります。

操作手順：

1、PILライブラリのインストール：

2、Pythonスクリプト adjust_transparency.py を作成します：

from PIL import Image
import os
Input_folder="./input" # Input image folder
Output_folder="./output" # Output folder
Transparency=0.5 # Transparency, between 0-1, 0 is completely transparent
if not os.path.exists(output_folder):
os.makedirs(output_folder)
for filename in os.listdir(input_folder):
if filename.lower().endswith(('.png', '.jpg', '.jpeg')):
img = Image.open(os.path.join(input_folder, filename))
        
#Ensure that the image supports transparency channels
if img.mode ! = 'RGBA':
img = img.convert('RGBA')
        
#Create new transparency data
alpha = img.split()[3]
alpha = alpha.point(lambda p: p * transparency)
        
img.putalpha(alpha)
img.save(os.path.join(output_folder, filename))
Print (f "Processed: {filename}")
Print ("Batch transparency adjustment completed! ")

3、最後にフォルダパスと透明度の値を修正し、スクリプトを実行します。