WordPressで画像に透かしを自動的に追加したいですか?
透かしはブランド認知度を高め、画像の盗難や悪用を防ぐことができます。写真家であれば、画像に透かしを入れることで、プロ意識を演出することもできます。
この投稿では、WordPressで画像に透かしを簡単に入れる方法を紹介します。
なぜWordPressで画像に透かしを入れるのか?
ウォーターマークとは、画像の上に重ねる半透明のロゴ、テキスト、パターンのことです。ユーザーが気を取られることなくあなたの写真を表示できるように、目立つように、しかしさりげなくデザインされていますが、購入せずにファイルをダウンロードして使用することはできません。
写真サイトをお持ちの方や、ビジュアルポートフォリオを作成されている方は、画像に透かしを入れることをお勧めします。
これにより、誰かがあなたの画像を許可なく使用することを困難にし、画像の盗難を防ぐことができます。
さらに、サイトのロゴ、URL、キャッチフレーズを透かしとして使用することで、ブランドの認知度を高め、ユーザーがどこでその画像を見たかを思い出しやすくなります。
同様に、オンラインで写真を販売する場合、無料でダウンロードされる画像すべてに透かしを入れることができます。つまり、ユーザーがウォーターマークなしであなたの画像を使いたい場合は、購入する必要があります。
それでは、WordPressで画像に透かしを自動的に追加する方法を見ていきましょう。様々な方法を取り上げますので、以下のクイックリンクから使いたい方法にジャンプしてください:
方法1:Enviraギャラリーを使用してWordPressで画像に透かしを追加する(推奨)
Envira Galleryは、透かしアドオンが付属している市場で最高のWordPressギャラリープラグインです。
ドラッグ&ドロップビルダー、ギャラリーテンプレート、タグ、音声ファイル、ソーシャルシェアリング、ライトボックス効果を提供します。
まず、Envira Galleryプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
注:Envira Galleryには無料プランもあります。ただし、透かしアドオンのロックを解除するには、プラグインのプレミアムバージョンが必要です。この拡張機能を使用すると、画像に透かしを追加することができます。
有効化したら、WordPressダッシュボードからEnvira Gallery ” 設定ページにアクセスし、ライセンスキーを入力してください。
この情報はEnvira Galleryサイトのアカウントで確認できます。
そうしたら、WordPressの管理サイドバーからEnvira Gallery ” Addonsページにアクセスしてください。
ここで、下にスクロールしてウォーターマークアドオンを見つけ、その横にある「インストール」ボタンをクリックします。
これで、ウォーターマーク付きのレスポンシブギャラリーに画像を追加する準備ができました。
これを行うには、WordPressダッシュボードからEnvira Gallery ” 新規追加ページにアクセスし、ギャラリーの名前を入力します。
そうしたら、’Currently in your Gallery’セクションまでスクロールダウンし、左の列から’Watermarking’タブに切り替える必要があります。その後、’透かしを有効化しますか’オプションの隣にあるボックスにチェックを入れます。
透かしを選択」ボタンをクリックします。WordPressのメディアライブラリが開き、透かしとして使用する画像を選択できます。
透かしに最適なサイズである150 x 150ピクセルの画像を追加することをお勧めします。その後、画像の位置と余白を選択してください。
ページ上部にスクロールし、「コンピューターからファイルを選択」ボタンをクリックして画像をアップロードします。メディアライブラリから画像を追加したい場合は、「他のソースからファイルを選択」ボタンをクリックします。
ただし、メディアライブラリから一度にアップロードできる画像は1枚だけであることに注意してください。
次に、ライトボックス設定を構成し、画像にaltテキストを追加し、ギャラリーをモバイルレスポンシブにし、お好みに応じてギャラリーをカスタマイズすることができます。
詳しい手順については、EnviraでレスポンシブWordPressイメージギャラリーを簡単に作成する方法をご覧ください。
設定が完了したら、上部にある「公開する」ボタンをクリックし、設定を保存します。
さて、いよいよこの画像ギャラリーをWordPressの投稿やページに追加してみましょう。
これを行うには、投稿またはページを開き、左上にある’+’ブロック追加ボタンをクリックするだけです。ブロックメニューが開きますので、Envira Galleryブロックをクリックしてください。
そうしたら、ブロックのドロップダウンメニューから作成したイメージギャラリーを選択します。
最後に、「更新」または「公開」ボタンをクリックして、設定を保存します。
これで、WordPressサイトにアクセスして、透かし入りの画像ギャラリーを表示できるようになりました。
方法2:Easy Watermark(無料)を使ってWordPressで画像に透かしを入れる
透かしを入れる無料のソリューションをお探しなら、この方法がお勧めです。
まず、Easy Watermarkプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
有効化したら、WordPressダッシュボードからツール ” イージーウォーターマークページにアクセスし、「ウォーターマーク」タブに切り替えます。
次に、「新規透かしを追加」ボタンをクリックします。
別の画面が表示されますので、透かしの名前を追加してください。その後、透かしの種類を画像またはテキストから選択します。このチュートリアルでは、透かしとしてテキストを追加します。
次に、「透かし」設定に使用したいフレーズを入力します。
次に、「テキストオプション」セクションまでスクロールダウンし、フォントサイズ、色、角度、不透明度を選択します。
その後、’Alignment’セクションに行き、透かしを表示する場所を選ぶことができる。
次に、「Applying Rules(ルールの適用)」セクションで、ウォーターマークが適用されるWordPressの画像サイズを選択します。
例えば、サイトのすべてのサムネイルに透かしを有効化するオプションをチェックすることができます。
その後、アップロード時に画像に透かしを自動的に追加するには、「Auto Watermark」オプションをオンにします。
また、ウォーターマークが適用される画像や投稿タイプを選択することもできます。
例えば、投稿にアップロードした画像にのみ透かしを追加したい場合は、「投稿タイプ」セクションの「ページ」と「添付されていない画像」のオプションをオフにします。
最後に、上部にある「保存」ボタンをクリックして変更を保存します。これで、アップロードする新しい画像にはすべて自動的に透かしが入ります。
ただし、すでにアップロードされた画像にも透かしを入れたい場合は、もう一度ツール ” イージーウォーターマークのページにアクセスし、「ツール」タブに切り替える必要があります。
注意: 一度すべての画像に透かしを入れると、各画像の透かしを自動的に削除することはできません。そのため、WordPressサイト、特にメディアアップローダーディレクトリのバックアップを作成することをお勧めします。
次に、「Bulk Watermark」セクションのドロップダウンメニューから、先ほど保存したウォーターマークを選択します。そうしたら、「Start」ボタンをクリックしてください。
サイト上のすべての画像に自動的に透かしが入ります。
WordPressブログで表示できます。
画像を復元したい場合は、WordPressダッシュボードからツール ” イージーウォーターマークページにアクセスし、「ツール」タブに切り替えることで復元できます。
ここで「復元」ボタンをクリックすると、透かしが入っているすべての画像から透かしが削除されます。
手動で画像に透かしを追加する
アップロードされたすべての画像に自動的に透かしを入れたくない場合は、Easy Watermarkで手動設定も可能です。
まず、「ウォーターマーク」タブに切り替え、作成したウォーターマークの下にある「編集」リンクをクリックします。
編集画面が表示されたら、’Auto Watermark’ セクションまでスクロールダウンし、’Automatically apply this watermark during image upload’ オプションのチェックを外します。
その後、上部にある「保存」ボタンをクリックして設定を保存します。
次に、 メディア ” ライブラリページにアクセスし、透かしを追加したい画像を選択します。
そうしたら、画面左上のドロップダウンメニューから「透かし」オプションを選択します。
次に、左側に表示されるドロップダウンメニューから、作成したウォーターマークを選択します。
最後に「適用」ボタンをクリックして設定を保存します。これで、選択した画像にのみ透かしが追加されます。
ボーナス:WordPressの画像に右クリックなしを追加する
ウォーターマークとは別に、画像の右クリックを無効化することで、ユーザーが自分のサイトに保存したり使用したりできないようにすることもできます。
WordPressのシンプルなブログであっても、一部のユーザーはあなたのブログのコンテンツをスクレイピングし、偽の広告やレビューのようなオンライン詐欺の一部としてあなたの個人写真を使用することができます。
画像に右クリック禁止を追加することで、著作権保護に役立ち、サイト上での画像の盗難を減らすことができます。
そのためには、No Right Click Imagesプラグインをインストールして有効化する必要があります。詳しい手順については、WordPressプラグインのインストール方法についての初心者ガイドをご覧ください。
プラグインを有効化すると、自動的に画像の右クリックが無効化されます。より詳細な設定を行うには、WordPressのダッシュボードから設定 ” 画像の右クリック禁止 のページにアクセスしてください。
ここでは、画像のドラッグ、タッチイベント、ジェスチャーイベントなど、右クリック禁止を回避するために使用される可能性のあるあらゆる抜け道を無効化することができます。
詳しい方法は、WordPressの画像に右クリックを追加しない方法のチュートリアルをご覧ください。
WordPressで画像に透かしを自動的に追加する方法について、この投稿がお役に立てれば幸いです。また、WordPressでギャラリーをライトボックス効果で追加する方法のチュートリアルや、WordPressの画像圧縮プラグインのトップピックもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Mrteesurez
Using your logo and brand name to watermark is indeed the best approach as it helps increases brand awareness and even copying and sharing it will be promoting your brand.
My question is, does the watermark applied to the copy of the image or the original image ?
WPBeginner Support
The watermark would be applied to the original image.
管理者
Rana sahal
Hello,
when customers order any product so then show in the customer.
I want when customers order then does not show watermark them.
Besalb K.
Hello!
Have any options to show/enable watermark only after any user download image ?
Thank You!
WPBeginner Support
We do not have a recommended method for that at the moment.
管理者
Jayesh Sharma
I prefer manually watermarking your images.
WPBeginner Support
If you’re able that is a good option too. This can help with multiple authors or if you don’t have access to watermarking tools.
管理者
Arijit
When I’m applying watermark or easy watermark plugin to my website. The watermark is not getting applied. Any reason behind it. I’ve set the transparency setting to 100%opaque, but still not getting applied. Anybody can assist me on it?
Shawn
Auto Watermarking…. not always good or wanted.
So sad not one person in the entire community did not realize some people would want to manually add watermarks because the watermarks have to be placed in different positions to cover specific ‘important’ elements of the image to prevent people from cutting the watermark out.
But hey… whats thinking out of the box?
Ben
Does this work for listing websites? I would need it to work for users uploading their own images.
Many thanks
Harpreet
Great tool!! I was looking for somthing like this to avoid marking on my images … thanks Syed !!
Jass SK
A way to do it without plugin woukd be nice. Looks for something for our website.
S. Developer
Md Abul Bashar
How can i do that without plugin?
WPBeginner Staff
If you want to do this on your Live WordPress site then you need to install the plugin on your website. Checkout our guide on how to install plugins in WordPress.
In case, you don’t see plugins on your WordPress site then this probably means that your site is on WordPress.com. You can not install plugins on WordPress.com. Please checkout the difference between WordPress.com and WordPress.org.
Thea @ Baking Magique
Do I need to download wordpress to my computer in order to install the plug in? How do I download wordpress?
Chris Hazel
I have started water marking all my pictures, but that was not through the WordPress water mark feature, but through other tools like Photoshop and Picasa. I realized that images posted prior to this also needed some kind of safeguard to not let others use them for free.
Thanks to your post I found the solutions and now my past images too have a watermark!
CANALWP
Good one. But i think the plugin mentioned by @alticreation:disqus is much better, have to agree with this one.
eVolved
will try it. Thanks
Jean Gerard Jeveuxblogger Tikw
Really nice article Syed! Real try it out.
Frédéric
Does it work with a retina plugin?
alticreation
Or you can use the «watermark» plugin which doesn’t modify your image but add a watermark to your images dynamically. Much safer ! https://wordpress.org/plugins/alti-watermark/
Abhishek Prakash
This is what I needed for a long time. Perfect plugin. Thanks.