イラストポートフォリオサイトを運営していると、イラスト画像を勝手に転用・転載する人がいます。無断転用を防ぐにはどうしたらいいか?
私自身もイラストレーターとして迷惑を被ったことが何度かあり、いろいろと考えたり試行錯誤してきた歴史があります。
結局一番いい方法は、画像そのものを加工して「すかし」を入れておくことだ、ということで落ち着きました。
「右クリック禁止」は無意味 & 迷惑
「右クリック禁止」のjavascriptを仕込むやつ。それ意味ないです。画像ダウンロードも防げないしユーザーに迷惑なだけ。絶対やらないでください。
だって
- ユーザーがブラウザの設定でjavascriptを止めればダウンロードできるし
- HTMLソースから画像のURLを知ることだってできるし
- ていうか、ドラッグ&ドロップすればふつうにダウンロードできるし(笑)
あ、スクリーンショット撮るって方法もありますね。
だいたい、右クリックは画像ダウンロードのためだけにあるのではありません。言葉を選択して辞書を呼び出したり、ページの再読み込みにも右クリックを使います。
そういう、OSやブラウザがもともと持っている機能や、人が自由に使えることをむりやり制限することは、ウェブ制作者が絶対にやってはいけない最低な行為です(平気でやるデザイナーもいるけどね)。
CSSですかしを重ねるのも無意味
CSSを使って画像に「sample」の文字やロゴを重ねるという方法で「すかし」っぽい表現をするサイトも見受けられますが、これも無意味です。「右クリック」同様、ふつうに画像をダウンロードできるので。
「無断転用禁止」表記は…うーん微妙
フッターや画像の近くに「無断転用をお断りします」というような文言を入れる。いちおう抑止力にはなるのかも。「ウェブサイトにある画像ってどれでも勝手に使っていい」って本気で思っている無知な人って未だにいるから、「それはダメですよ」と知らせる程度の意味はあるかな…
ただ、わかって転用する人に対しては全く無意味ですよね。
画像そのものに「すかし」を入れるしかない
結局一番いい方法は、画像そのものにいわゆる「すかし」(「sample」の文字やロゴを重ねる)を入れておくことです。
画像ファイルというのはどうしたってダウンロードできるものです。そもそも、ブラウザ上で画像を見るという行為そのものがダウンロードなので、そこはウェブの仕組み上どうしたって変えようがない。
だったら、転用しづらいように画像を加工するしかない、ですよね。
「すかし」は右端にちっさくとかではなく、全面にデカデカと(透過させて薄く)入れましょう。でないと、悪意の人はロゴだけ削除して使いますので。
イラストのクオリティが……というのはお門違いだよ
「全面にデカデカと透かしを入れろ」っていうと「それではイラストのクオリティが低くみられる」みたいなことを言うイラストレーターがいるんだけど、その心配は無意味です。
ポートフォリオサイトを作る目的って、仕事の依頼がほしいからでしょ? ポートフォリオサイトにイラストを掲載するのは、作品として鑑賞してもらうためではない。制作事例として参考にしてもらうためです。だから透かしが入っていても全く問題ない。
ポートフォリオ(PDF)を誰にもダウンロードできるようにしない
PDF化したポートフォリオをウェブサイトで配布するのはいいんだけど、誰でもがダウンロードできるようにしている人は、すぐやめたほうがいい。
PDFファイルから画像ファイルを取れるので、転用ウェルカムって言っているようなものです。
PDFダウンロードを設置するのはいいことですが、メールアドレスの記入を求めるほか、Google検索に載らないようにするなど、いろいろ工夫が必要で、素人には難しいんです。専用のシステムを使うべき。WordPressだったらプラグインがあります。
「SNSに絵を投稿する以外に、何をやったらいいかわからない……」
- 8 年間読まれ続けた人気記事 ※旧note版からの実績
- 延べ 1,000 人以上のクリエイターが購入
いしつく! の教科書 [改訂版]
レッスン一覧
1イラストサイトに仕事の問い合わせが来ないのは、こんな勘違いをしているから
多くのイラストレーターさんが、ウェブサイトについて間違った考えを信じています。まずは、その間違いに気づいてください。
2仕事の取れるイラストサイトを作るための、正しい作戦
ウェブサイトを活用して仕事を増やすための作戦を理解しよう。大切なのは信頼を得ることであって、SNSでバズることではない。
3仕事の取れるイラストサイトを作るためには、こんな材料をそろえよう (技術編)
ウェブサイトを作るための準備編。サーバー、制作ツール、ドメインなどの選び方を解説します。
4仕事の取れるイラストサイトを作るためには、こんな材料をそろえよう (コンテンツ編)
準備編の続き。プロフィール文や実績など、コンテンツの準備のしかたを説明します。
5仕事の取れるイラストサイト、レイアウトの正解例
実際に仕事が来るイラストサイトのレイアウト例を解説。オシャレな画面を作るのではなく、作戦に基づいて配置を決めます。
6仕事の取れるイラストサイト。作ったあとどうする? 上手な活用とは
近日公開


