<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>いらすとや</title>
	<atom:link href="https://hatenalog.com/tag/%E3%81%84%E3%82%89%E3%81%99%E3%81%A8%E3%82%84/feed/" rel="self" type="application/rss+xml" />
	<link>https://hatenalog.com</link>
	<description>日常の「ハテナ」を解決</description>
	<lastBuildDate>Tue, 04 Mar 2025 10:59:31 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.1</generator>

<image>
	<url>https://hatenalog.com/wp-content/uploads/2024/07/80c4427b4fae34ef68d4f047b1852d11-150x150.png</url>
	<title>いらすとや</title>
	<link>https://hatenalog.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://hatenalog.com/tag/%E3%81%84%E3%82%89%E3%81%99%E3%81%A8%E3%82%84/feed/"/>
	<item>
		<title>【いらすとや】コピーの仕方＆画像背景が黒くなる原因・対処方法</title>
		<link>https://hatenalog.com/irasutoya-copy/</link>
					<comments>https://hatenalog.com/irasutoya-copy/#respond</comments>
		
		<dc:creator><![CDATA[kuro]]></dc:creator>
		<pubDate>Mon, 02 Sep 2024 12:03:09 +0000</pubDate>
				<category><![CDATA[ブログ・IT]]></category>
		<category><![CDATA[いらすとや]]></category>
		<guid isPermaLink="false">https://hatenalog.com/?p=873</guid>

					<description><![CDATA[かわいいイラストが無料（条件あり）で利用できる大人気の『いらすとや』ですが、 画像をコピーし、いつも使用しているパソコンの画像編集アプリ（ペイント3D）に貼り付けたところ、背景が黒くなってしまいました。 背景が黒くなる時 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>かわいいイラストが無料（条件あり）で利用できる大人気の『<a rel="noopener" target="_blank" href="https://www.irasutoya.com/"><strong>いらすとや</strong><span class="fa fa-external-link external-icon anchor-icon"></span></a>』ですが、</p>
<p>画像をコピーし、いつも使用しているパソコンの画像編集アプリ（ペイント3D）に貼り付けたところ、<span class="bold red">背景が黒く</span>なってしまいました。</p>
<p><img fetchpriority="high" decoding="async" class="alignnone wp-image-889 " src="https://hatenalog.com/wp-content/uploads/2024/09/3416fa89a35f374000975d35b581848d-e1725261234542.png" alt="背景が黒くなった状態" width="511" height="319" srcset="https://hatenalog.com/wp-content/uploads/2024/09/3416fa89a35f374000975d35b581848d-e1725261234542.png 602w, https://hatenalog.com/wp-content/uploads/2024/09/3416fa89a35f374000975d35b581848d-e1725261234542-300x187.png 300w" sizes="(max-width: 511px) 100vw, 511px" /></p>
<div class="speech-wrap sb-id-32 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="https://hatenalog.com/wp-content/uploads/2024/07/100d14cbc98f2efb4bea044bc99ac6e0.png" alt="" width="240" height="240" /></figure>
</div>
<div class="speech-balloon">
<p><strong>背景が黒くなる時と白くなる時があるけど…なんで？</strong></p>
</div>
</div>
<p>そこで今回は、</p>
<p><span class="marker"><strong>『いらすとや』の画像のコピーの仕方や</strong></span><span class="marker"><strong>、画像背景が黒くなる原因＆対処方法（白くする・透過方法）</strong></span></p>
<p>について紹介します。</p>
<h2>【いらすとや】画像のコピーの仕方（使い方・ダウンロード方法）</h2>
<p>基本情報として、『いらすとや』の画像の<span class="bold red">コピーの仕方（使い方）</span>は、下記となっています。</p>
<p>まずは、<strong>目的のイラストを検索し、クリックして選択。</strong></p>
<p>■クリック後の画面例↓</p>
<blockquote><p><img decoding="async" class="alignnone wp-image-880" src="https://hatenalog.com/wp-content/uploads/2024/09/99fa200761ddffdc4af218152439360c.jpg" alt="画像をクリック後" width="410" height="352" srcset="https://hatenalog.com/wp-content/uploads/2024/09/99fa200761ddffdc4af218152439360c.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/09/99fa200761ddffdc4af218152439360c-300x258.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/09/99fa200761ddffdc4af218152439360c-768x661.jpg 768w" sizes="(max-width: 410px) 100vw, 410px" /></p>
<p>画像引用：<a rel="noopener" target="_blank" href="https://www.irasutoya.com/2019/01/blog-post_148.html">いらすとや<span class="fa fa-external-link external-icon anchor-icon"></span></a></p></blockquote>
<p>以降は、<span class="bold red">下記のいずれかでコピーが可能</span>です。（Windows10の場合）</p>
<h3>「名前をつけて画像を保存…」または「画像をコピー」をクリック</h3>
<p>イラストの上で<span class="bold red">マウスを右クリック</span>し、「<span class="bold red">名前を付けて画像を保存…</span>」または「<span class="bold red">画像をコピー</span>」をクリック。</p>
<p><img decoding="async" class="alignnone wp-image-881" src="https://hatenalog.com/wp-content/uploads/2024/09/6fc2c89b6f48e4a5d107cda548921c81.jpg" alt="画像を保存・コピー" width="571" height="378" srcset="https://hatenalog.com/wp-content/uploads/2024/09/6fc2c89b6f48e4a5d107cda548921c81.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/09/6fc2c89b6f48e4a5d107cda548921c81-300x199.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/09/6fc2c89b6f48e4a5d107cda548921c81-768x509.jpg 768w" sizes="(max-width: 571px) 100vw, 571px" /></p>
<p>※この操作は、イラストをクリックして画像を大きくした状態でも可能です。↓</p>
<p><img decoding="async" class="alignnone wp-image-882" src="https://hatenalog.com/wp-content/uploads/2024/09/c9ea4913ba31cf813b54b898c366a4b3.png" alt="画像をクリック後3" width="574" height="356" srcset="https://hatenalog.com/wp-content/uploads/2024/09/c9ea4913ba31cf813b54b898c366a4b3.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/c9ea4913ba31cf813b54b898c366a4b3-300x186.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/c9ea4913ba31cf813b54b898c366a4b3-768x476.png 768w" sizes="(max-width: 574px) 100vw, 574px" /></p>
<p>「名前を付けて画像を保存…」にすると、任意のファイルに画像がダウンロードされ、保存されます。</p>
<p>※「<span class="bold red">PNG</span>」形式で保存（PNGは、背景透過が可能な拡張子）。</p>
<p><img decoding="async" class="alignnone wp-image-902" src="https://hatenalog.com/wp-content/uploads/2024/09/258970916ba13cdfda46cff5b71c7588.png" alt="PNG形式保存" width="425" height="103" srcset="https://hatenalog.com/wp-content/uploads/2024/09/258970916ba13cdfda46cff5b71c7588.png 380w, https://hatenalog.com/wp-content/uploads/2024/09/258970916ba13cdfda46cff5b71c7588-300x73.png 300w" sizes="(max-width: 425px) 100vw, 425px" /></p>
<p>「画像をコピー」にした場合は、使用している画像編集アプリ（ペイント3D）等に張り付けてそのまま編集ができます。</p>
<p>※コピーした画像を、そのまま投稿する記事に張り付けることもできます。</p>
<h3>ドラッグ・アンド・ドロップでコピー（貼り付け）</h3>
<p>イラスト部分で<span class="bold red">マウスを左クリック</span>し、<span class="bold red">ドラッグ・アンド・ドロップ</span>（押したまま画像編集アプリ等にスライド）でコピー（貼り付け）して編集することも可能です。</p>
<p>■スライド中の様子↓</p>
<p><img decoding="async" class="alignnone wp-image-886" src="https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790.jpg" alt="スライドで貼り付け" width="560" height="313" srcset="https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790.jpg 780w, https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790-300x168.jpg 300w, https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790-768x429.jpg 768w, https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790-120x68.jpg 120w, https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790-160x90.jpg 160w, https://hatenalog.com/wp-content/uploads/2024/09/e80cb35fbc309f4740bd00cf02c13790-320x180.jpg 320w" sizes="(max-width: 560px) 100vw, 560px" /></p>
<div class="alert-box common-icon-box">※『いらすとや』の画像を利用する際は、<a rel="noopener" target="_blank" href="https://www.irasutoya.com/p/terms.html">利用規定<span class="fa fa-external-link external-icon anchor-icon"></span></a>などを確認しておきましょう。</div>
<h2>【いらすとや】コピーした画像の背景が黒くなる原因＆対処方法（白くする・透過方法）</h2>
<p>『いらすとや』のイラスト画像をコピーし、画像編集アプリ（ペイント3D）等に張り付けると、<span class="bold red">背景が黒くなる時と白くなる（透過される）時</span>があります。</p>
<p><img decoding="async" class="alignnone wp-image-884" src="https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f.png" alt="いらすとや・背景が黒くなる時白くなる時" width="473" height="273" srcset="https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f-300x173.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f-768x443.png 768w, https://hatenalog.com/wp-content/uploads/2024/09/a11b4bb3ba448d1fa402ac3dc62cc91f-120x68.png 120w" sizes="(max-width: 473px) 100vw, 473px" /></p>
<h3>コピーした画像の背景が黒くなる原因（公式）</h3>
<p>『いらすとや』の画像をコピーして編集アプリ等に貼り付けた際に、<span class="bold red">背景が黒くなる原因</span>については、公式サイトでも説明されています。</p>
<blockquote>
<p class="faq"><b>イラストの背景が黒くなってしまいます</b></p>
<p>当サイトのイラストはレイアウトしやすくするために、背景が透明のPNG形式の画像で保存されています。<span class="bold red">PNG形式に対応していないソフトウェアで閲覧や編集をすると、この透明部分が黒くなってしまうことがあります</span>。イラストのご利用は、透過されたPNG形式に対応したソフトウェアで行なって下さい。</p>
<p>引用：<a rel="noopener" target="_blank" href="https://www.irasutoya.com/p/faq.html">いらすとや（よくあるご質問）<span class="fa fa-external-link external-icon anchor-icon"></span></a></p></blockquote>
<p>つまり、『いらすとや』側の設定では、イラスト画像の背景は透過処理されているとのことです。</p>
<p>背景が黒くなるのは「PNG形式に対応していないソフトウェアで閲覧や編集をしている」ことが原因の可能性があるとのことですので、まずは<span class="bold red">使用しているソフトウェアや画像編集アプリ等がPNG形式に対応しているか</span>どうか確認してみましょう。</p>
<div class="ad-area no-icon ad-shortcode ad-rectangle ad-label-invisible cf" itemscope itemtype="https://schema.org/WPAdBlock">
  <div class="ad-label" itemprop="name" data-nosnippet>スポンサーリンク</div>
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><!-- レスポンシブコード -->
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-2988712782155755"
  data-ad-slot="9738650063"
  data-ad-format="rectangle"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
          </div>

</div>

<h3>コピーした画像の背景が黒くなる原因（元画像がない）</h3>
<p>上記が原因の可能性があるとのことですが、筆者が使用しているWindows（及びペイント3D）は、PNGに対応していましたが、コピーした際には画像背景が黒くなりました。</p>
<p>そこで、その他の原因を色々と調べたところ、下記が原因であることが判明しました。</p>
<p><strong>【<span class="marker-under-red">原因</span>】</strong></p>
<div class="blank-box sticky st-red"><strong>黒い部分は透過される部分のため、<span class="bold red">張り付けるところに画像や色等（何かしらの元画像）がない</span>と黒くなってしまう。</strong></div>
<p>筆者の場合は、ペイント3Dにそのまま張り付けていたのですが、新規作成の状態で張り付けると元画像が何もないため、黒くなってしまっていたようです。</p>
<h3>コピーした画像の背景を白くする・透過方法（対処方法）</h3>
<p>上記のように、「元画像がない」ことが原因でコピーした画像の背景が黒くなっている場合は、下記が対処方法ということになります。</p>
<p><strong>【<span class="marker-under-red">コピーした画像の背景を白くする・透過方法</span>】</strong></p>
<div class="blank-box sticky st-blue"><strong><span class="bold red">元画像（背景画像）を作る</span></strong></div>
<p>『いらすとや』でコピーした画像を張り付ける前に、「<strong>別の画像や写真を張り付ける</strong>」「<strong>キャンバス内に色を塗る</strong>」等して元画像（背景画像）を作っておくと、貼り付けた際には透過画像として反映されます。</p>
<p><strong>■例：背景全体を白く塗った後に張り付けた場合↓</strong></p>
<p><img decoding="async" class="alignnone wp-image-908" src="https://hatenalog.com/wp-content/uploads/2024/09/9b147902ddf3d656cd586d471a3eba54.png" alt="背景を白く塗った場合" width="537" height="274" srcset="https://hatenalog.com/wp-content/uploads/2024/09/9b147902ddf3d656cd586d471a3eba54.png 780w, https://hatenalog.com/wp-content/uploads/2024/09/9b147902ddf3d656cd586d471a3eba54-300x153.png 300w, https://hatenalog.com/wp-content/uploads/2024/09/9b147902ddf3d656cd586d471a3eba54-768x392.png 768w" sizes="(max-width: 537px) 100vw, 537px" /></p>
<p>※キャンバス内全体を白く塗っておけば、イラストの背景は白くなります。</p>
<h2>まとめ</h2>
<p>今回は、『いらすとや』の画像のコピーの仕方や、画像背景が黒くなる原因＆対処方法（白くする・透過方法）について紹介しました。</p>
<p><strong>【まとめ】</strong></p>
<div class="danger-box">
<ul>
<li><strong>原因：ソフトウェアがPNG形式に対応していない。透過画像を張り付ける元画像がない。</strong></li>
<li><strong>対処方法：PNG形式に対応したソフトウェアを使う。元画像を先に作る。</strong></li>
</ul>
</div>
<p>その他にも黒くなる原因はあるようですが、筆者は今回の方法で解決できましたので、困っている方は参考にしてみてください。</p>
<p><span class="btn-wrap btn-wrap-brown"><a rel="noopener" target="_blank" href="https://www.irasutoya.com/">『いらすとや』はこちら＞＞<span class="fa fa-external-link external-icon anchor-icon"></span></a></span></p>
]]></content:encoded>
					
					<wfw:commentRss>https://hatenalog.com/irasutoya-copy/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
