<?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>サイトデザイン｜DIY LIFESTYLE CREATION</title>
	<atom:link href="https://takudlc.com/category/business-tool/%E3%82%B5%E3%82%A4%E3%83%88%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/feed" rel="self" type="application/rss+xml" />
	<link>https://takudlc.com</link>
	<description>TAKU&#039;s official Media</description>
	<lastBuildDate>Mon, 21 Nov 2022 00:17:33 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.1</generator>

<image>
	<url>https://takudlc.com/wp-content/uploads/2018/03/cropped-IMG_7801-e1521339280501-32x32.png</url>
	<title>サイトデザイン｜DIY LIFESTYLE CREATION</title>
	<link>https://takudlc.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>サイト画像読み込み時間の短縮！画質保持しながら容量を無料で大幅に圧縮する方法</title>
		<link>https://takudlc.com/images-resize-1585</link>
					<comments>https://takudlc.com/images-resize-1585#respond</comments>
		
		<dc:creator><![CDATA[TAKU]]></dc:creator>
		<pubDate>Thu, 24 Jun 2021 03:58:33 +0000</pubDate>
				<category><![CDATA[サイトデザイン]]></category>
		<category><![CDATA[ツール＆ソフト]]></category>
		<guid isPermaLink="false">https://takudlc.com/?p=1585</guid>

					<description><![CDATA[ こんにちは。takuです。 サイトを運営している方は、 自分のサイトの画像の読み込みが遅くて 「なんで？！」ってなったことは ないでしょうか。  ページの立ち上がりの 重さの原因の一つは実は画像]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<p>こんにちは。takuです。</p>
<p>サイトを運営している方は、<br />
自分のサイトの画像の読み込みが遅くて<br />
「なんで？！」ってなったことは<br />
ないでしょうか。</p>
<p>&nbsp;</p>
<p>ページの立ち上がりの<br />
重さの原因の一つは実は画像のデータ容量にあります。<br />
今日はそれを無料で一気に改善するための方法を<br />
お伝えしますね！　</p>
<p>&nbsp;</p>
<h2 class="hh hh16"><span style="font-size: 14pt;">サイトページの読み込み時間を短縮する方法【動画講義】</span></h2>
<p>&nbsp;</p>
<p style="text-align: center;"><div class="video"><iframe width="560" height="315" src="https://www.youtube.com/embed/gcXpI6xA8kQ?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="allowfullscreen"></iframe></div></p>
<h2 class="hh hh16"><span style="font-size: 14pt;">サイトの読み込み時間が遅くなる理由は画像容量！</span></h2>
<p>&nbsp;</p>
<h3>画像の読み込みに異常に時間がかかった事例</h3>
<p>&nbsp;</p>
<p>僕の経験談ですが、<br />
ある時から自分の運営しているサイトのうちの一つが<br />
一生懸命デザインしたのはいいのですが、<br />
<strong><span style="color: #ff0000;">ページ画面の立ち上がりが異常に</span></strong><br />
<strong><span style="color: #ff0000;">遅い</span></strong>のを疑問に思っていました。</p>
<p>&nbsp;</p>
<p>最初はWifiの電波の具合が悪いからかと<br />
思っていましたが、場所を変えても、<br />
回線を変えても、他の人のPCでみても<br />
やはり読み込みが異常に遅い。</p>
<p>&nbsp;</p>
<p>そして調べまくった結果、<br />
自分がサイトで使っていた<br />
<strong style="background-image: linear-gradient(transparent 60%, #ffff66 60%);"><strong>画像が全部超絶重いものばかりだった</strong>ことが<br />
原因</strong>であることがわかりました。</p>
<p>&nbsp;</p>
<p>[say name=&#8221;taku&#8221; img=&#8221;https://takudlc.com/wp-content/uploads/2018/06/吹き出し用taku（焦り顔）_03.png&#8221;]がーん！[/say]</p>
<p>&nbsp;</p>
<p>まさに素人ならではの盲点ですよね。<br />
高画質の画像を使っていたのにはそれなりの<br />
理由がありまして、それは</p>
<p>&nbsp;</p>
<p>[say name=&#8221;taku&#8221; img=&#8221;https://takudlc.com/wp-content/uploads/2018/06/吹き出し用taku（嬉し顔）_03.png&#8221;] ただただサイトを綺麗に見せたい！[/say]</p>
<p>&nbsp;</p>
<p>という思いからでした。その思いが「重すぎ」ました。笑　</p>
<p>&nbsp;</p>
<p>高画質のjpeg画像や、大きな画像素材を使いまくっていました。<br />
そして、さらにはphotoshopなどで加工した写真なども<br />
png加工して大量に生産していました。<br />
ちなみに<span style="text-decoration: underline;">pngはjpegよりもさらに容量が大きくなります。</span><br />
それらの重い画像がそれがサイトの全体的な<br />
読み込み速度を遅くし、さらには、サーバー自体の<br />
制限容量をかなり占拠してしまっていたことに<br />
気がつきました。　</p>
<p>&nbsp;</p>
<p>解決策は単純です。</p>
<p>&nbsp;</p>
<p>実は<strong style="background-image: linear-gradient(transparent 60%, #ffff66 60%);"><span style="color: #ff0000; font-size: 18pt;"><strong>サイト上に表示させる画像はそんなに</strong></span><br />
<span style="color: #ff0000; font-size: 18pt;"><strong>大きいサイズの画像を使う必要は全くありません！</strong></span></strong></p>
<p>&nbsp;</p>
<p>なので、高画質の画像の大きさを単純に<br />
<span style="font-size: 18pt;"><strong><span style="color: #3366ff;">画質を保ちながら縮小すればいい</span></strong></span>のです。</p>
<p>&nbsp;</p>
<h3>さらに503エラー頻発事件発生</h3>
<p>&nbsp;</p>
<p>僕は現在一つのサーバー（エックスサーバー ）を<br />
レンタルし、複数のサイトを運営しているのですが、<br />
ある時、サーバーからこんなエラーメッセージが<br />
頻繁に表示されるようになりました。</p>
<p>&nbsp;</p>
<img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-1297" src="https://takudlc.com/wp-content/uploads/2018/07/スクリーンショット-2018-07-08-15.16.02.png" alt="" width="915" height="691" srcset="https://takudlc.com/wp-content/uploads/2018/07/スクリーンショット-2018-07-08-15.16.02.png 915w, https://takudlc.com/wp-content/uploads/2018/07/スクリーンショット-2018-07-08-15.16.02-300x227.png 300w, https://takudlc.com/wp-content/uploads/2018/07/スクリーンショット-2018-07-08-15.16.02-768x580.png 768w, https://takudlc.com/wp-content/uploads/2018/07/スクリーンショット-2018-07-08-15.16.02.png 856w" sizes="(max-width: 915px) 100vw, 915px" />
<p>&nbsp;</p>
<p>自分のサイトのページを開いた際に<br />
これになるわけですから、<br />
これは大問題です！　</p>
<p>&nbsp;</p>
<p>運営していたトレンドサイトのアクセスPVが<br />
爆発した時には必ずといっていいほど<br />
頻繁に表示されるようになり、<br />
一体何が原因なのかがしばらくわかりませんでした。</p>
<p>
</p>
<p><strong>ブログ記事が2日で23万PV</strong>とかの時も<br />
ありましたし、そういった場合はアクセス集中<br />
によるサーバーの干渉とういことでまだ納得も<br />
いくのですが、</p>
<p>&nbsp;</p>
<p>ある時を境に、<strong style="background-image: linear-gradient(transparent 60%, #ffff66 60%);">リアルタイムでのアクセスが<br />
400−500PVでもこのエラーが頻発</strong>するようになり、<br />
これが何か原因があると調べて見たところ、<br />
わかりました。　</p>
<p>&nbsp;</p>
<p>やはり、重い画像が原因だったんです。<br />
先ほども説明した通り、<br />
ぼくは1つのサーバーをレンタルしていて<br />
その中で複数のサイトを運営していたので、<br />
一つのサイトの画像類が重すぎたことにより<br />
サーバープランの制限容量の上限に近づいており、<br />
それが原因で、同じサーバー内の別のサイトの<br />
アクセス状況にまで影響を及ぼしていたという<br />
ことなんです。　</p>
<p>&nbsp;</p>
<p>[say name=&#8221;taku&#8221; img=&#8221;https://takudlc.com/wp-content/uploads/2018/06/吹き出し用（汗顔）taku_03.png&#8221;]なんてこった・・ [/say]</p>
<p>&nbsp;</p>
<h2 class="hh hh16"><span style="font-size: 14pt;">サイトの読み込み時間を改善する方法</span></h2>
<p>&nbsp;</p>
<p>ではここから本題になります。<br />
ではその読み込みが異常に遅い<br />
サイトのページをどのように改善していくのか<br />
ということなのですが、</p>
<p>それは単純な話、<br />
<strong><span style="color: #ff0000;">アップロードする画像の大きさを縮小（リサイズ）すれば</span></strong><br />
<strong><span style="color: #ff0000;">いいんです。</span></strong>　</p>
<p>&nbsp;</p>
<p>縮小するといっても、<span style="text-decoration: underline;">トリミングしたり、</span><br />
<span style="text-decoration: underline;">画質を落とすということではなく、</span><br />
<span style="font-size: 14pt;"><strong><span style="color: #ff0000;">縦横比を保ちながら単純に縮小（リサイズ）</span></strong></span>すればいいのです。</p>
<p>&nbsp;</p>
<p>サイトに表示させる画像サイズは、1Mあれば<br />
十分綺麗なものを表示することができます。　<br />
例えば高画質の大きな横幅5000pxの画像素材であれば<br />
2000px（全画面表示）もしくは、1200pxあれば<br />
十分です。</p>
<p>&nbsp;</p>
<p>
リサイズすることで大幅に容量を小さくできます。<br />
ただし縦横比は保つよう気をつけましょう。</p>
<p>&nbsp;</p>
<p>ネット上で僕が愛用していた、<strong><span style="color: #0000ff; font-size: 14pt;">無料画像</span></strong><br />
<strong><span style="color: #0000ff; font-size: 14pt;">の素材サービス</span></strong>に関してはこちらを<br />
参照ください。　↓　</p>
<p>&nbsp;</p>
<a href="https://takudlc.com/free-images-download-780" class="blog-card"><div class="blog-card-hl-box"><i class="jic jin-ifont-post"></i><span class="blog-card-hl"></span></div><div class="blog-card-box"><div class="blog-card-thumbnail"><img decoding="async" src="https://takudlc.com/wp-content/uploads/2018/05/georgie-cobbs-467923-unsplash.jpg" class="blog-card-thumb-image wp-post-image" alt="" width ="162" height ="91" /></div><div class="blog-card-content"><span class="blog-card-title">おすすめのおしゃれ無料画像素材サイト6選！自分のサイトをスタイリッシュに！</span><span class="blog-card-excerpt">今回は僕の一押しのおしゃれ無料画像素材サイトを厳選して紹介します。
サイト運営に画像素材がとっても重要であることはなんとなく誰でも理解...</span></div></div></a>
<p>&nbsp;</p>
<p>どれも素晴らしいサイトで、<br />
僕自身大変お世話になっているのですが、<br />
<span style="color: #ff0000;">どの素材もファイルサイズが大きくなることに</span><br />
<span style="color: #ff0000;">あまり注意を払っていませんでした。</span></p>
<p>
実はpngなんかは8Mものもとかを<br />
普通にアップしたりしていました。</p>
<p>&nbsp;</p>
<p>jpegでも7MBとか4MBとか普通にありました。<br />
これはいくら何でもやりすぎです。<br />
サイトの立ち上がりが遅くなるのは当たり前です。　</p>
<h3>サイトのサイズを変更するためには</h3>
<p>では使用する画像を適切なサイズに<br />
縮小するための方法をお伝えします。</p>
<p>&nbsp;</p>
<p>まず無料画像編集のおすすめサイトとしては、<br />
<a href="https://www.canva.com/ja_jp/photo-editor/" target="_blank" rel="noopener"><span style="font-size: 14pt;"><strong><span style="color: #0000ff;">「Canva」photo Editor</span> </strong></span></a>があります。</p>
<a href="https://www.canva.com/ja_jp/photo-editor/" target="_blank" rel="noopener"><img decoding="async" class="alignnone wp-image-1588 size-large" src="https://takudlc.com/wp-content/uploads/2018/10/スクリーンショット-2018-10-04-14.09.38-1024x515.png" alt="" width="680" height="342" /></a>
<p>&nbsp;</p>
<p>早速そのページ上に、<br />
リサイズしたい画像素材をアップロード<br />
します。</p>
<p>&nbsp;</p>
<p>そして「サイズを変更」箇所を選択すると<br />
このように簡単に画像をリサイズすることが<br />
できます。　</p>
<p>&nbsp;</p>
<a href="https://takudlc.com/wp-content/uploads/2018/10/スクリーンショット-2018-10-04-14.14.31.png"><img loading="lazy" decoding="async" class="alignnone wp-image-1589 size-large" src="https://takudlc.com/wp-content/uploads/2018/10/スクリーンショット-2018-10-04-14.14.31-1024x574.png" alt="" width="680" height="381" /></a>
<p>&nbsp;</p>
<h3>有料の画像編集ソフトPhotoshopの場合</h3>
<p>&nbsp;</p>
<p>有料のものであれば、<br />
もちろん<span style="font-size: 14pt;"><strong><span style="color: #0000ff;">Photoshop</span></strong></span>などでも<br />
「ファイル」タブから→「書き出し」→<br />
[Web用に保存]を選択すると、<br />
保存する際に、サイズ変更が可能ですし、<br />
ウェブ用に適した<br />
解像度で保存することが可能になります。</p>
<p>&nbsp;</p>
<p>僕はPhotoshopを愛用しているので、<br />
そちらで調整するようにしました。　</p>
<p>&nbsp;</p>
<a href="https://takudlc.com/wp-content/uploads/2018/10/スクリーンショット-2018-10-04-14.19.34.png"><img loading="lazy" decoding="async" class="alignnone wp-image-1590 size-large" src="https://takudlc.com/wp-content/uploads/2018/10/スクリーンショット-2018-10-04-14.19.34-1024x767.png" alt="" width="680" height="509" /></a>
<a href="https://takudlc.com/wp-content/uploads/2018/10/スクリーンショット-2018-10-04-14.21.51.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-1591" src="https://takudlc.com/wp-content/uploads/2018/10/スクリーンショット-2018-10-04-14.21.51.jpg" alt="" width="700" height="517" /></a>
<p>&nbsp;</p>
<p>Photoshopのダウンロード方法に関してはこちら↓</p>
<a href="https://takudlc.com/photoshop-install-1078" class="blog-card"><div class="blog-card-hl-box"><i class="jic jin-ifont-post"></i><span class="blog-card-hl"></span></div><div class="blog-card-box"><div class="blog-card-thumbnail"><img decoding="async" src="https://takudlc.com/wp-content/uploads/2018/06/Adobe-Photoshop-アイキャッチ画像.jpg" class="blog-card-thumb-image wp-post-image" alt="" width ="162" height ="91" /></div><div class="blog-card-content"><span class="blog-card-title">画像編集ソフトPhotoshopの導入方法と使用方法（単体プラン月額980円）</span><span class="blog-card-excerpt">
こんにちは。takuです。
今回はAdobe社の画像編集ソフト
photoshopの導入方法と簡単な使用方法に
ついて動画を使...</span></div></div></a>
<p>&nbsp;</p>
<h2 class="hh hh16"><span style="font-size: 14pt;">画質を保ちながら容量を大幅に圧縮する無料ツール</span></h2>
<p>さらに、今ある画像を画質への影響なくさらに容量を<br />
大幅に小さくできるものすごく優れたツールがあります。</p>
<p>&nbsp;</p>
<p>これに幾度となく助けられ、僕のサイトは無事に<br />
サイトの読み込み速度は改善されました！</p>
<p>&nbsp;</p>
<p>画像ファイルの形式によって、使うツールを選択して<br />
利用してくださいね。　</p>
<p>&nbsp;</p>
<p><a href="http://compressjpeg.com/ja/" target="_blank" rel="noopener">jpeg圧縮ツール</a></p>
<p><a href="https://compresspng.com/ja/" target="_blank" rel="noopener">png圧縮ツール</a></p>
<h2 class="hh hh16"><span style="font-size: 14pt;">まとめ</span></h2>
<p>&nbsp;</p>
<p>今回、このような自分のサイトの読み込みが<br />
遅くなることで痛感したことは、</p>
<p>&nbsp;</p>
<p>質の高い画像を使用することはとっても重要なのですが、<br />
必要異常に高画質のものは、「ページの読み込み速度」を<br />
著しく遅くしてしまう場合があるということ、<br />
そして、その場合は画像をリサイズしてウェブに適した<br />
大きさに編集してからアップロードすることが<br />
おすすめだということですね。　</p>
<p>&nbsp;</p>
<p>綺麗な画像をたくさん使いたいと思っておられる<br />
方は多いと思うので、<br />
この辺りに気をつけてぜひ参考にしていただき<br />
よいサイト作り、サイト運営を心がけていきましょう。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://takudlc.com/images-resize-1585/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>画像編集ソフトPhotoshopの導入方法と使用方法（単体プラン月額980円）</title>
		<link>https://takudlc.com/photoshop-install-1078</link>
					<comments>https://takudlc.com/photoshop-install-1078#respond</comments>
		
		<dc:creator><![CDATA[TAKU]]></dc:creator>
		<pubDate>Wed, 23 Jun 2021 20:45:14 +0000</pubDate>
				<category><![CDATA[サイトデザイン]]></category>
		<guid isPermaLink="false">https://takudlc.com/?p=1078</guid>

					<description><![CDATA[ こんにちは。takuです。 今回はAdobe社の画像編集ソフト photoshopの導入方法と簡単な使用方法に ついて動画を使って解説していきたいと 思います。  画像編集ソフトの使用に関しては]]></description>
										<content:encoded><![CDATA[<p>&nbsp;</p>
<p>こんにちは。takuです。<br />
今回はAdobe社の画像編集ソフト<br />
photoshopの導入方法と簡単な使用方法に<br />
ついて動画を使って解説していきたいと<br />
思います。</p>
<p>&nbsp;</p>
<p>画像編集ソフトの使用に関しては<br />
有料で高いというイメージがありますが、<br />
このAdobe社のPhotoshopは単体プランであれば<br />
月々980円と比較的安いプランですので、<br />
おすすめです。</p>
<p>&nbsp;</p>
<p>僕はサイトのデザインカスタマイズをする際は<br />
愛用しているソフトで、非常に重宝しています。<br />
このデザイン（画像編集）ソフトはプロのデザイナー<br />
も使う非常に優れた世界トップシェアの最高品質のツール<br />
ですので、これを使いこなせることができれば、<br />
写真加工に関しては、本当になんでもできてしまうと言っても<br />
過言ではありません。</p>
<p>&nbsp;</p>
<p>そうはいっても、未経験の方は<br />
画像編集なんて難しそうだからと思い少し<br />
躊躇してしまうこともあるでしょうけれど、<br />
実はやってみると以外に簡単だったりも<br />
します。</p>
<p>&nbsp;</p>
<p>確かにプロレベルまでとなると<br />
難しいのですが、サイトビジュアルデザインで<br />
およそ必要とされる最低限の加工方法などは<br />
僕が動画でも細かく解説していきますので<br />
安心して、真似るだけで誰でもできますので、<br />
もし興味があれば、ぜひ参考にしてみてくださいね。</p>
<p>&nbsp;</p>
<h2 class="hh hh16">Adobe社 Photoshop CCの導入と使用方法【動画講義】</h2>
<p>&nbsp;</p>
<p><iframe loading="lazy" width="700" height="455" src="https://www.youtube.com/embed/vd4CIbrpLAw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start">﻿</span></iframe></p>
<p>&nbsp;</p>
<p>Adobe Photoshopの公式ホームページはこちら　↓ </p>
<p><a href="https://www.adobe.com/jp/products/photoshop.html" target="_blank" rel="nofollow noopener">https://www.adobe.com/jp/products/photoshop.html</a></p>
<h2 class="hh hh16">無料画像素材さいとUnsplashの使用権について</h2>
<p>&nbsp;</p>
<p>ネットビジネスやブログ運営をしていくにあたって、<br />
画像素材は非常に利用価値のあるものです。</p>
<p>&nbsp;</p>
<p>僕も別の記事で、無料で使えるオススメの<br />
画像素材サイトを紹介させてもらっていますが、<br />
その中でも <span style="font-size: 14pt;"><strong><span style="color: #3366ff;">Unsplash</span> </strong></span>は大のお気に入りです。</p>
<p>&nbsp;</p>
<p>無料画像素材サイトについてはこちらを参考に　↓</p>
<a href="https://takudlc.com/free-images-download-780" class="blog-card"><div class="blog-card-hl-box"><i class="jic jin-ifont-post"></i><span class="blog-card-hl"></span></div><div class="blog-card-box"><div class="blog-card-thumbnail"><img decoding="async" src="https://takudlc.com/wp-content/uploads/2018/05/georgie-cobbs-467923-unsplash.jpg" class="blog-card-thumb-image wp-post-image" alt="" width ="162" height ="91" /></div><div class="blog-card-content"><span class="blog-card-title">おすすめのおしゃれ無料画像素材サイト6選！自分のサイトをスタイリッシュに！</span><span class="blog-card-excerpt">今回は僕の一押しのおしゃれ無料画像素材サイトを厳選して紹介します。
サイト運営に画像素材がとっても重要であることはなんとなく誰でも理解...</span></div></div></a>
<p>&nbsp;</p>
<p>僕のサイトは主に、このUnsplashの画像を<br />
ダウンロードしたものに、Photoshopで<br />
少し編集を加えたものをアップロードして<br />
サイトをデザインしています。</p>
<p>&nbsp;</p>
<p><strong>Unsplashのトップページはこちら</strong>　↓</p>
<p><a href="https://unsplash.com/" target="_blank" rel="nofollow noopener">https://unsplash.com/</a></p>
<p>&nbsp;</p>
<p>そしてこのUnsplashの素晴らしいところは、<br />
超ハイクオリティーの有料画像が無料でしかも<br />
改変・配信・さらに広告や商業製品利用可能という<br />
点にあります！</p>
<p>&nbsp;</p>
<blockquote>
<h4>クリエイティヴコモンズ・ゼロ（CC0）の力</h4>
<p>Unsplashの写真はクリエイティヴコモンズ・ゼロ（CC0）ライセンス下にあり、誰もが無料で好きな用途で画像を使用できる。従来の「不許複製」著作権とは対称的に、このライセンス下では写真を無料で複製・改変・配信でき、さらに広告や商業製品に使うこともできるのだ。</p>
</blockquote>
<p>&nbsp;</p>
<p>これはデザインに興味のある者にとっては<br />
もうよだれが出るほど嬉しいニュースなんですね。^ &#8211; ^<br />
下品ですみません。</p>
<p>&nbsp;</p>
<p>なので、この素晴らしい画像を<br />
そのまま使用することももちろん<br />
いいのですが、それに少し手を加えて、<br />
あなただけのオリジナル画像を編集し、<br />
サイトへ反映させることができれば、<br />
世界にオンリーワンのあなただけの<br />
サイトが出来上がります。</p>
<p>&nbsp;</p>
<h2 class="hh hh16">サイトデザインに関する補足　※やりすぎに注意？！</h2>
<p>&nbsp;</p>
<p>これだけ熱く、デザインツールについて<br />
語っておきながら何なんですが、<br />
トレンドアフィリエイトにおいて、<br />
月収10万円、そしてそれ以上を<br />
稼ぐことができるようになるために<br />
サイトのデザイン性がどのくらい重要なのか<br />
というのが気になりますよね。</p>
<p>&nbsp;</p>
<p>僕自身デザインすることが好きですし、<br />
スタイリッシュなサイトは好きです。<br />
なのでアフィリエイトのためのブログ運営の<br />
際もデザイン性がよければそれだけ<br />
稼げるようになるのではないかと<br />
思いますよね。</p>
<p>&nbsp;</p>
<p>結論を率直に言いますと、<br />
僕の経験上、実はサイトのデザイン性と収益性は<br />
比例しません！</p>
<p>&nbsp;</p>
<p>[say name=&#8221;taku&#8221; img=&#8221;https://takudlc.com/wp-content/uploads/2018/06/吹き出し用taku（焦り顔）_03.png&#8221;]　がーん！　[/say]</p>
<p>&nbsp;</p>
<p>と言い切ってしまうと少し<br />
極端かもしれませんが、<br />
それは事実なので仕方がありません。</p>
<p>&nbsp;</p>
<p>
サイトデザインというのは、集客（SEO）<br />
の観点から考えると、それはあくまで二時的要素<br />
になってしまいます。</p>
<p>（※少なくともトレンドアフィリエイトにおいては！）</p>
<p>&nbsp;</p>
<p>あくまで、SEO対策として確実なのは、<br />
コンテンツの質であり、記事を毎日更新することや<br />
検索キーワードをいかに捉えるかというキーワーディング<br />
が最も重要であるということは肝に命じておきましょう。<br />
アクセス爆発の鍵はデザインではなく、キーワーディングです！</p>
<p>&nbsp;</p>
<p>デザイン性（ビジュアル）を検索することはできませんからね！<br />
人々はあくまで検索窓に「キーワード」を打ち込む<br />
訳で、デザインはサイトに訪れた時に初めて<br />
認識するものです。</p>
<p>&nbsp;</p>
<p>デザインはあくまで個人のこだわりの範囲であり<br />
それにかける時間はほどほどに、気分転換に<br />
やってみる、くらいの方がよいでしょう。</p>
<p>&nbsp;</p>
<h2 class="hh hh16">まとめ</h2>
<p>&nbsp;</p>
<p>ということで、今回は、<br />
画像編集ソフトのPhotoshopの<br />
導入と簡単な使用方法について<br />
動画で解説しました。</p>
<p>&nbsp;</p>
<p>SEO対策の第一の優先順序には<br />
なりませんが、とは言っても、<br />
好きな人はどうしてもこだわっちゃい<br />
ますよね。</p>
<p>&nbsp;</p>
<p>自分のサイトに<br />
オリジナリティーを持たせたり、<br />
画像を自分なりにカスタマイズして<br />
使用したい場合などは、<br />
利用する価値ありですっ。</p>
<p>&nbsp;</p>
<p>バランスをうまく考えながら、<br />
記事更新と共にデザイン性でも<br />
楽しく作業していきましょう。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://takudlc.com/photoshop-install-1078/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>無料画像編集ソフトPhotoScapeの導入と初心者でも簡単使用方法【動画講義】</title>
		<link>https://takudlc.com/photoscape-install-how-to-use-1134</link>
					<comments>https://takudlc.com/photoscape-install-how-to-use-1134#respond</comments>
		
		<dc:creator><![CDATA[TAKU]]></dc:creator>
		<pubDate>Wed, 23 Jun 2021 20:13:21 +0000</pubDate>
				<category><![CDATA[サイトデザイン]]></category>
		<guid isPermaLink="false">https://takudlc.com/?p=1134</guid>

					<description><![CDATA[こんにちは、takuです。 今回は無料で使える画像編集ソフト PhotoScapeの導入方法と簡単な 使用方法について動画で解説します。　  画像編集と聞くと、 有料なのかと思われがちですが、 このPhoto]]></description>
										<content:encoded><![CDATA[<p>こんにちは、takuです。<br />
今回は無料で使える画像編集ソフト<br />
PhotoScapeの導入方法と簡単な<br />
使用方法について動画で解説します。　</p>
<p>&nbsp;</p>
<p>画像編集と聞くと、<br />
有料なのかと思われがちですが、<br />
このPhotoScapeは無料で<br />
ダウンロードできるだけではなく<br />
無料とは思えないほど、<br />
ハイクオリティの画像編集ソフトで、<br />
簡単な画像編集なら十分に<br />
これで独自のオリジナル画像を<br />
カスタマイズすることができます。　</p>
<p>&nbsp;</p>
<h2 class="hh hh16">PhotoScapeの導入と使用方法【動画講義】</h2>
<p>&nbsp;</p>
<p><iframe loading="lazy" width="700" height="455" src="https://www.youtube.com/embed/KxieEPi6AfE?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start">﻿</span></iframe></p>
<p>&nbsp;</p>
<p>Photoscapeのダウンロードページはこちら　↓<br />
【Apple Store  Mac用】<br />
<a href="https://itunes.apple.com/jp/app/photoscape-x-%E7%84%A1%E6%96%99%E7%94%BB%E5%83%8F%E5%8A%A0%E5%B7%A5-%E5%86%99%E7%9C%9F%E7%B7%A8%E9%9B%86/id929507092?mt=12" target="_blank" rel="nofollow noopener">https://itunes.apple.com/jp/app/photoscape-x</a></p>
<p>Windowsの方はこちらから　↓<br />
<a href="https://photoscape-free.softonic.jp/" target="_blank" rel="nofollow noopener">https://photoscape-free.softonic.jp/</a></p>
<p>&nbsp;</p>
<h2 class="hh hh16">PhotoScapeと有料ソフトPhotoshopとはどちらがいいの？</h2>
<p>
今回は無料の画像編集ソフトである<br />
<strong>PhotoScape</strong>についての使い方を<br />
解説しましたが、画像編集ソフトであれば<br />
有料としては有名なソフト<strong>Photoshop</strong><br />
というものがあります。　　</p>
<p>&nbsp;</p>
<p>Photoshopはプロ仕様の<br />
グラフィックデザインソフトなので<br />
当然PhotoScapeよりさらに<br />
ハイクオリティではあるのですが、</p>
<p>&nbsp;</p>
<p>基本的な画像編集に関しては<br />
PhotoScapeでも全然問題ないと<br />
僕は思います。</p>
<p>&nbsp;</p>
<p>ただ、プロ仕様とは言え、<br />
Photoshopは実は単体フォトプラン<br />
であれば、月々980円という<br />
以外に安価でフル使用できますし、<br />
基本的な操作であれば実は<br />
PhotoScapeと同等のスキルがあれば<br />
十分にPhotoScape以上の<br />
パフォーマンスを発揮した<br />
画像編集を実践することができます。　</p>
<p>&nbsp;</p>
<p>僕は個人的には画像編集には<br />
普段からPhotoshopを使用しています。　</p>
<p>&nbsp;</p>
<p>今後ネットビジネスにおいて<br />
サイトデザインなどにもこだわって<br />
いきたいと思われる方は、<br />
最初からPhotoshopに挑戦してみるのも<br />
いいかもしれませんね。　</p>
<p>&nbsp;</p>
<p>僕もサイトデザインに関する<br />
Photoshopの使い方に関しては<br />
今後もどんどんレクチャー動画など<br />
配信していこうと考えていますから、<br />
興味のある方はそちらも検討してみても<br />
いいですね。　</p>
<p>&nbsp;</p>
<p>まとめますと、</p>
<div class="simple-box7">
<ul style="padding-top: 0px;">
<li>簡単な画像編集は<span style="font-weight: 600 !important;">PhotoScape</span>でも十分できる</li>
<li>有料でも月980円くらいならいいと<br />
思われる人には<span style="font-weight: 600 !important;">Photoshop</span>がおすすめ</li>
<li>今後サイトデザインにこだわっていきたい方には<br />
<span style="font-weight: 600 !important;">Photosop</span>がおすすめ</li>
</ul>
</div>
<p>といったところでしょうか。<br />
それぞれ自由に選んで、<br />
楽しくオリジナルの画像編集をして<br />
サイトデザインをカスタマイズ<br />
してみてくださいね！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://takudlc.com/photoscape-install-how-to-use-1134/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Simplicityのヘッダー画像をPhotoScape Xでデザインする方法【動画講義】</title>
		<link>https://takudlc.com/photoscape-header-1123</link>
					<comments>https://takudlc.com/photoscape-header-1123#respond</comments>
		
		<dc:creator><![CDATA[TAKU]]></dc:creator>
		<pubDate>Wed, 23 Jun 2021 14:15:18 +0000</pubDate>
				<category><![CDATA[サイトデザイン]]></category>
		<guid isPermaLink="false">https://takudlc.com/?p=1123</guid>

					<description><![CDATA[こんにちは。takuです。 今回はワードプレスの無料テンプレート であるSimplicityでヘッダー画像を 設定する方法を動画で解説していこう と思います。　  テンプレートがSimplicityでない方で]]></description>
										<content:encoded><![CDATA[<p>こんにちは。takuです。</p>
<p>
今回はワードプレスの無料テンプレート<br />
である<strong>Simplicity</strong>でヘッダー画像を<br />
設定する方法を動画で解説していこう<br />
と思います。　</p>
<p>&nbsp;</p>
<p>テンプレートがSimplicityでない方であれば、<br />
設定の方法は若干違う場合もありますが、<br />
画像編集に関しては、それほど大差は<br />
ないと思いますので、こちらの<br />
動画を参考に、是非<strong>自分だけのオリジナル</strong><br />
<strong>ヘッダー画像</strong>を作ってみてください。　</p>
<p>&nbsp;</p>
<p>今回の動画では、<br />
画像素材を編集するために<br />
無料の画像編集ソフトの<br />
<span style="font-size: 14pt; color: #ff0000;"><strong>PhotoScape</strong></span>を使用して<br />
わかりやすく説明しています。　</p>
<p>&nbsp;</p>
<p>僕個人的には、普段は<br />
<strong>Adobe社のPhotoshop</strong>を<br />
使用しているのですが、　<br />
そちらは有料になりますので、<br />
画像編集ソフトにそれほど（全く）<br />
<span style="text-decoration: underline; color: #ff0000;">お金をかけたくない</span>という方は、<br />
こちらの<strong>無料画像編集ソフト<span style="font-size: 14pt;">PhotoScape</span></strong>を<br />
ダウンロードして利用してください。　</p>
<p>&nbsp;</p>
<p>もちろん、無料といっても<br />
あなどるなかれ、かなり<br />
クオリティの高い画像編集ソフト<br />
なので、簡単な操作であれば<br />
何の問題もなく編集できちゃいます。　</p>
<p>&nbsp;</p>
<p>まだPhotoscapeを<br />
ダウンロードしていない方はこちらを参考に ↓</p>
<a href="https://takudlc.com/photoscape-install-how-to-use-1134" class="blog-card"><div class="blog-card-hl-box"><i class="jic jin-ifont-post"></i><span class="blog-card-hl"></span></div><div class="blog-card-box"><div class="blog-card-thumbnail"><img decoding="async" src="https://takudlc.com/wp-content/uploads/2018/06/PhotoScape導入と使い方アイキャッチ.jpg" class="blog-card-thumb-image wp-post-image" alt="" width ="162" height ="91" /></div><div class="blog-card-content"><span class="blog-card-title">無料画像編集ソフトPhotoScapeの導入と初心者でも簡単使用方法【動画講義】</span><span class="blog-card-excerpt">こんにちは、takuです。
今回は無料で使える画像編集ソフト
PhotoScapeの導入方法と簡単な
使用方法について動画で解説し...</span></div></div></a>
<p>&nbsp;</p>
<p>PhotoScapeの導入を済ませて、基本的な使い方を<br />
ある程度マスターすることができましたら、<br />
今回のこちらの動画をみながら、ヘッダー画像を<br />
早速カスタマイズし設置していきましょう。　</p>
<p>&nbsp;</p>
<h2 class="hh hh16">PhotoScapeでヘッダー画像を設定する方法（Simplicity）【動画講義】</h2>
<p>&nbsp;</p>
<p><iframe loading="lazy" width="700" height="455" src="https://www.youtube.com/embed/QY10a8sMxIA?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start">﻿</span></iframe></p>
<p>&nbsp;</p>
<p>※ヘッダー画像の元になる画像素材をあらかじめ<br />
　用意しておいてください。　</p>
<p>&nbsp;</p>
<p>Photoshopの導入と使用方法の動画でも<br />
お伝えしていますが、僕が画像素材<br />
元として愛用しているのは<br />
<strong>Unsplash</strong>というサイトです。　</p>
<p>&nbsp;</p>
<p>非常にクオリティが高い画像が<br />
無料で商用可能でダウンロードすることが<br />
できます。よければそちらも参考にしてみて下さい。</p>
<p>&nbsp;</p>
<p>基本的な作業手順としては、</p>
<p>&nbsp;</p>
<div class="simple-box5">
<ol>
<li>無料画像素材ダウンロード</li>
<li>PhotoSccapeで編集＆保存</li>
<li>Simplicityのヘッダー画像として設置</li>
</ol>
</div>
<p style="padding-bottom: 2em;"> </p>
<p>&nbsp;</p>
<p>という順番になります。</p>
<p>Simplicityのデフォルトでのヘッダーの<br />
サイズは<strong><span style="color: #ff00ff;">1070×100が推奨</span></strong>されています。　</p>
<p>&nbsp;</p>
<p>自分の好みで高さに関しては<br />
自由に変えることができますので、<br />
それは随時調整してみてください。　</p>
<p>&nbsp;</p>
<p>横幅に関しては<span style="font-size: 14pt; color: #3366ff;"><strong>1070px</strong></span>が<br />
ちょうど記事欄の横幅とぴったり合うので<br />
これがベストです。　</p>
<p>&nbsp;</p>
<h2 class="hh hh16">画像編集を行わずにもっと簡単にヘッダーを設置する方法</h2>
<p>&nbsp;</p>
<p>今回はPhotoScapeでのヘッダー画像の<br />
編集を紹介していますが、<br />
もちろん、画像編集をせずにもっとシンプルに<br />
簡単にヘッダーを設置する方法はあります。　</p>
<p>&nbsp;</p>
<p>それは、ダウンロードした無料画像を<br />
Simplicity上でそのままアップロードする<br />
やり方です。　</p>
<p>&nbsp;</p>
<p>そしてSimplicity上でヘッダーサイズの<br />
調整（切り取り）をするというやり方です。　</p>
<p>&nbsp;</p>
<p>画像に編集を加えずにそのままの<br />
画像を使いたい場合はこちらでも<br />
結構です。　ただ、切り取りはできますが、<br />
微妙な色の変更や細かいカスタマイズはできません。</p>
<p>&nbsp;</p>
<p>もちろんこだわらないのであれば、<br />
これでも結構なのですが、<br />
ネットビジネスでサイト運営をしていく<br />
ならば、少しづつでも画像編集ソフトに<br />
慣れておくことも、今後のために何かと<br />
役立つことは間違いないです。　</p>
<p>&nbsp;</p>
<p>最低限の画像編集のスキルを<br />
身につけておくことは、ネットビジネスを<br />
する上で一つの「武器」になるとも言えますので<br />
僕は画像編集での作成をおすすめします。　</p>
<p>&nbsp;</p>
<div class="balloon-box balloon-left balloon-gray balloon-bg-none clearfix">
<div class="balloon-icon "><img loading="lazy" decoding="async" src="https://takudlc.com/wp-content/uploads/2019/12/b0ddbf3d9bb5c8bd483dd15c961d60d7.jpg" alt="Taku" width="80" height="80"></div>
<div class="icon-name">Taku</div>
<div class="balloon-serif">
<div class="balloon-content">それに、やってみたらとっても楽しいですよ。</div>
</div></div>
</p>
<p>&nbsp;</p>
<p>画像編集ができれば、<br />
サイトにオリジナリティを<br />
持たせたり、作りたいフォントで<br />
作りたい大きさや場所に文字や<br />
ロゴを入れやすくなり、<br />
サイトデザインにおいて応用がききますしね。　</p>
<p>&nbsp;</p>
<h2 class="hh hh16">どうしても画像編集が難しい方のためのヘッダー画像簡単設定</h2>
<p>&nbsp;</p>
<p>どうしても画像編集が億劫でできない<br />
という方は、<strong><span style="color: #ff00ff;">Simplicityでそのまま画像を</span></strong><br />
<strong><span style="color: #ff00ff;">アップロードさせてヘッダー画像を作る</span></strong><br />
<strong><span style="color: #ff00ff;">方法もあります</span>のでご安心を。^  ^</strong></p>
<p>&nbsp;</p>
<p>ワードプレスのダッシュボードから<br />
【外観】→【カスタマイズ】へ進みます。　</p>
<p>&nbsp;</p>
<div class="sng-box box21">
<a href="https://takudlc.com/wp-content/uploads/2018/06/ヘッダー画像設定4.jpg"><img loading="lazy" decoding="async" class="wp-image-1125  aligncenter" src="https://takudlc.com/wp-content/uploads/2018/06/ヘッダー画像設定4-1024x658.jpg" alt="" width="618" height="397" /></a>
</div>
<p>&nbsp;</p>
<p>そうしましたら、ヘッダーという項目から<br />
画像を選択するボタンがありますから、<br />
そちらを押します。　</p>
<p>&nbsp;</p>
<div class="sng-box box21">
<a href="https://takudlc.com/wp-content/uploads/2018/06/ヘッダー画像設定１.png"><img loading="lazy" decoding="async" class="wp-image-1126 size-large aligncenter" src="https://takudlc.com/wp-content/uploads/2018/06/ヘッダー画像設定１-1024x496.png" alt="" width="680" height="329" /></a>
</div>
<p>&nbsp;</p>
<p>そして新規画像を追加のボタンを押し、<br />
画像選択画面に移ったら、<br />
【ファイルをアップロード】を選択して<br />
あなたが用意してあるヘッダーの元になる<br />
画像をアップロードしましょう。　</p>
<div class="sng-box box21">
<a href="https://takudlc.com/wp-content/uploads/2018/06/ヘッダー画像設定2.jpg"><img loading="lazy" decoding="async" class="wp-image-1127 size-large aligncenter" src="https://takudlc.com/wp-content/uploads/2018/06/ヘッダー画像設定2-1024x477.jpg" alt="" width="680" height="317" /></a>
</div>
<p>&nbsp;</p>
<div class="sng-box box21">
<a href="https://takudlc.com/wp-content/uploads/2018/06/ヘッダー画像設定3.jpg"><img loading="lazy" decoding="async" class="aligncenter wp-image-1128 size-large" src="https://takudlc.com/wp-content/uploads/2018/06/ヘッダー画像設定3-1024x480.jpg" alt="" width="680" height="319" /></a>
</div>
<p>&nbsp;</p>
<p>そうしたらこのような画像選択<br />
ボックスが現れますので、<br />
チェックボックスにチェックが<br />
入っていることを確認し、<br />
そして右下の選択して切り抜くを<br />
クリックします。　</p>
<div class="sng-box box21">
<a href="https://takudlc.com/wp-content/uploads/2018/06/スクリーンショット-2018-06-16-15.15.42.png"><img loading="lazy" decoding="async" class="aligncenter wp-image-1129 size-large" src="https://takudlc.com/wp-content/uploads/2018/06/スクリーンショット-2018-06-16-15.15.42-1024x478.png" alt="" width="680" height="317" /></a>
</div>
<p>&nbsp;</p>
<p>そうするとこのように、<br />
ヘッダー画像のサイズで<br />
枠が現れますので、<br />
自分の切り取りたい位置に<br />
ボックスを移動させて<br />
画像切り抜きボタンを押せば<br />
完了です。　</p>
<p>&nbsp;</p>
<p>どうしても画像編集が難しいと<br />
感じる方は、この方法で<br />
ヘッダーを設置してみてください。　</p>
<h2 class="hh hh16">まとめ</h2>
<p>&nbsp;</p>
<p>ということで、今回は<strong>Simplicity</strong>のヘッダー画像<br />
の設置方法について、<strong>PhotoScape</strong>という<br />
画像編集ソフトを使って解説しました。　</p>
<p>&nbsp;</p>
<p>画像編集ソフトを使用しない<br />
簡単なヘッダー画像設置方法も<br />
補足として説明はしていますが、</p>
<p>&nbsp;</p>
<p>今後ネットビジネスを実践していく<br />
上では、最低限の画像編集スキルは<br />
必要になってくる場面もありますので、<br />
<strong>PhotoScapeなどの基礎的な操作</strong></p>
<p>などは覚えておくとよいでしょう。^  ^</p>
<div class="balloon-box balloon-left balloon-gray balloon-bg-none clearfix">
<div class="balloon-icon "><img loading="lazy" decoding="async" src="https://takudlc.com/wp-content/uploads/2019/12/b0ddbf3d9bb5c8bd483dd15c961d60d7.jpg" alt="Taku" width="80" height="80"></div>
<div class="icon-name">Taku</div>
<div class="balloon-serif">
<div class="balloon-content">すごいですね。ブログアフィリエイトでデザインまで学べてしまいますっ。　</div>
</div></div>
</p>
<div class="concept-box5">
<p>ちなみに、別途、有料画像編集ソフト<strong>Photoshop(980円/月）</strong>など<br />
を使った画像編集スキルについても動画講義を作成しています。</p>
<p>デザインに興味がある方は、こういったプロ級のソフトでのデザインスキルなども身につけておくと、Web知識の幅が広がりますよ〜。　</p>
<p>興味のある方はこちらもどうぞ^   ^ </p>
<a href="https://takudlc.com/photoshop-install-1078" class="blog-card"><div class="blog-card-hl-box"><i class="jic jin-ifont-post"></i><span class="blog-card-hl"></span></div><div class="blog-card-box"><div class="blog-card-thumbnail"><img decoding="async" src="https://takudlc.com/wp-content/uploads/2018/06/Adobe-Photoshop-アイキャッチ画像.jpg" class="blog-card-thumb-image wp-post-image" alt="" width ="162" height ="91" /></div><div class="blog-card-content"><span class="blog-card-title">画像編集ソフトPhotoshopの導入方法と使用方法（単体プラン月額980円）</span><span class="blog-card-excerpt">
こんにちは。takuです。
今回はAdobe社の画像編集ソフト
photoshopの導入方法と簡単な使用方法に
ついて動画を使...</span></div></div></a>
<p><span style="color:#e9546b; font-size:18px;" class="jic-sc jin-code-icon-caution"><i class="jic jin-ifont-caution"></i></span>注意　強制ではありませんからね！（お金もかかるし、それほどデザインに凝り過ぎなくても、ブログではちゃんと稼げますから。^  ^）</p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://takudlc.com/photoscape-header-1123/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>おすすめのおしゃれ無料画像素材サイト6選！自分のサイトをスタイリッシュに！</title>
		<link>https://takudlc.com/free-images-download-780</link>
					<comments>https://takudlc.com/free-images-download-780#respond</comments>
		
		<dc:creator><![CDATA[TAKU]]></dc:creator>
		<pubDate>Wed, 23 Jun 2021 13:32:50 +0000</pubDate>
				<category><![CDATA[サイトデザイン]]></category>
		<guid isPermaLink="false">http://takudlc.com/?p=780</guid>

					<description><![CDATA[今回は僕の一押しのおしゃれ無料画像素材サイトを厳選して紹介します。 サイト運営に画像素材がとっても重要であることはなんとなく誰でも理解できますよね。 例えば、訪れたサイトが、画像が全くない文字だけのサイトや記事だったらど]]></description>
										<content:encoded><![CDATA[<p>今回は僕の一押しのおしゃれ無料画像素材サイトを厳選して紹介します。</p>
<p>サイト運営に画像素材がとっても重要であることはなんとなく誰でも理解できますよね。</p>
<p>例えば、訪れたサイトが、画像が全くない文字だけのサイトや記事だったらどうでしょうか。</p>
<p>読む気しますか？しませんよね。</p>
<p>やっぱり画像があった方が読みやすいですし、コンテンツに引き込まれるというのは周知の事実だと思います。</p>
<p>もちろん自分が撮った写真を画像素材として使うこともありですが、よほどのプロ級の腕やカメラがないと見栄えの良い素材になり得る画像を作成するのは非常に難しいです。</p>
<p>何よりも、一つ一つ自分で写真を用意するなんて時間がいくらあっても足りません。</p>
<p>そんなブロガーやネットビジネス実践者にとって強ーい味方なのが、無料画像を提供してくれる無料素材サイトです。</p>
<p>その中でも僕が毎日必ずといっていいほどお世話になっているサイトを厳選してお伝えします。</p>
<h2 class="hh hh16">おしゃれ背景＋人物系無料画像サイト</h2>
<h3>Unsplash</h3>
<a href="https://unsplash.com/"><img loading="lazy" decoding="async" class="alignnone wp-image-781 size-large" src="https://takudlc.com/wp-content/uploads/2018/05/スクリーンショット-2018-05-05-16.59.02-1024x445.png" alt="" width="680" height="296" /></a>
<p><a href="https://unsplash.com/" target="_blank" rel="nofollow noopener noreferrer">https://unsplash.com/</a></p>
<p>これは海外のサイトなのですが、とにかく画像のクオリティーが完璧です。</p>
<p>ボリュームも非常に充実しており、英語で検索すればだいたいの関連画像がヒットします。</p>
<p>この画像を記事やサイトに用いるだけで一気におしゃれなサイトになること間違いなしです！</p>
<h3><span id="freepic">freepic</span></h3>
<a href="https://jp.freepik.com/"><img loading="lazy" decoding="async" class="alignnone wp-image-5670 size-large" src="https://takudlc.com/wp-content/uploads/2021/06/576c7ada39cde9e9c00b7d144a7488eb-1024x525.png" alt="" width="1024" height="525" srcset="https://takudlc.com/wp-content/uploads/2021/06/576c7ada39cde9e9c00b7d144a7488eb-1024x525.png 1024w, https://takudlc.com/wp-content/uploads/2021/06/576c7ada39cde9e9c00b7d144a7488eb-300x154.png 300w, https://takudlc.com/wp-content/uploads/2021/06/576c7ada39cde9e9c00b7d144a7488eb-768x394.png 768w, https://takudlc.com/wp-content/uploads/2021/06/576c7ada39cde9e9c00b7d144a7488eb-1536x788.png 1536w, https://takudlc.com/wp-content/uploads/2021/06/576c7ada39cde9e9c00b7d144a7488eb-2048x1051.png 2048w, https://takudlc.com/wp-content/uploads/2021/06/576c7ada39cde9e9c00b7d144a7488eb-1024x525.png 856w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a>
<p><a href="https://jp.freepik.com/" target="_blank" rel="noopener">https://jp.freepik.com/</a></p>
<p>素材のクオリティの高さはもちろんのこと、サイトの機能が使いやすくてかなり便利です。</p>
<p>海外のサイトですが日本語にも対応しており、無料のユーザー登録をするとお気に入りの素材をブックマークしておくことができます。</p>
<p>日本のフリー素材サイトってこの機能があまりなくて、毎回検索しないといけないのがストレスでしたね。</p>
<p>もう一つfreepicならではの便利ポイントは、イラスト・写真・アイコン・PSDの4種類の素材から探せること。</p>
<p>イラストならイラスト、画像なら画像、と別サイトになっていることが普通なのですが、<br />
freepicだとすべてここで完結するので時短になります。</p>
<p>とにかくこのサイトさえ知っていれば、他の素材サイトは必要無いほど便利な神サイトです。</p>
<h3>ぱくたそ</h3>
<a href="https://www.pakutaso.com/selection/"><img loading="lazy" decoding="async" class="alignnone wp-image-782 size-large" src="https://takudlc.com/wp-content/uploads/2018/05/スクリーンショット-2018-05-05-17.10.48-1024x592.png" alt="" width="680" height="393" /></a>
<p><a href="https://www.pakutaso.com/selection/" target="_blank" rel="nofollow noopener noreferrer">ぱくたそ</a></p>
<p>人物系の無料素材をお探しならこのぱくたそがおすすめです。</p>
<p>画像数も非常に豊富で、会員登録もする必要もなく、サクサク画像を自由にダウンロードすることができます。</p>
<p>某テレビ番組御用達のサイトですし、企業とのコラボ画像もありますし、流行りも敏感にキャッチし、季節にもあった画像を日々たくさんアップされていますので、非常におすすめです。</p>
<h3>photo AC</h3>
<a href="https://www.photo-ac.com/"><img loading="lazy" decoding="async" class="alignnone wp-image-783 size-large" src="https://takudlc.com/wp-content/uploads/2018/05/スクリーンショット-2018-05-05-17.14.28-1024x576.png" alt="" width="680" height="383" /></a>
<p><a href="https://www.photo-ac.com/" target="_blank" rel="nofollow noopener noreferrer">photo AC</a></p>
<p>こちらのサイトも非常に多くの画像を所有していますので、バリエーションが豊富で自分のイメージに合う画像を見つけやすいです。</p>
<p>人物画像も多いのですが、シチュエーションに合わせた、ブログ記事に適した画像などが見つけやすいサイトです。</p>
<p>ただし、こちらのサイトは無料会員登録が必要になります。</p>
<p>僕もこのサイトに登録していますが登録したことで特に不便や不具合を感じたことはありませんので、スムーズでスピーディなブログ運営を目指している方はこちらも登録していつでもダウンロードできるようにしておくと良いでしょう。</p>
<p><span style="font-size: 10pt;">※些細ことですが、ダウンロードしたファイルが</span><span style="font-size: 10pt;">　フォルダの中に入った状態でダウンロードされるので</span><span style="font-size: 10pt;">　いちいち開かないと添付できないのでそれが唯一</span><span style="font-size: 10pt;">　個人的には煩わしいなと感じる点ではあります。</span></p>
<h2 class="hh hh16">おしゃれ無料イラスト素材サイト</h2>
<h3>FLAT ICON DESIGN</h3>
<a href="http://flat-icon-design.com/"><img loading="lazy" decoding="async" class="alignnone wp-image-784 size-large" src="https://takudlc.com/wp-content/uploads/2018/05/スクリーンショット-2018-05-05-17.36.47-1024x653.png" alt="" width="680" height="434" /></a>
<p><a href="http://flat-icon-design.com/" target="_blank" rel="nofollow noopener noreferrer">FLAT ICON DESIGN</a></p>
<p>これも非常にサイト運営には適したおしゃれなイラスト素材です。</p>
<p>有名どころではサルカワのサイトなどもこのテイストのイラストを多用して独自のおしゃれサイトをブランディングしていますね。</p>
<p>その名の通り、フラットなアイコンイラストが充実しています。どのイラストもとってもおしゃれでクオリティが非常に高いですね。</p>
<p>オリジナリティが強いイラストなので、他の画像とのトータルコーディネートが難しい面もありますが、統一感を持たせてサイトに散りばめたらきっとプロっぽい華やかなサイトデザインになるのではないでしょうか。</p>
<p>同じイラスト画像でも何種類かの背景色から選べるので、カラーリングカスタマイズにバリエーションを持たせることができるのは非常に良い点ではないでしょうか。</p>
<h3>ヒューマン・ピクトグラム</h3>
<a href="http://pictogram2.com/"><img loading="lazy" decoding="async" class="alignnone wp-image-785 size-large" src="https://takudlc.com/wp-content/uploads/2018/05/スクリーンショット-2018-05-05-17.49.51-1024x508.png" alt="" width="680" height="337" /></a>
<p><a href="http://pictogram2.com/" target="_blank" rel="noopener noreferrer">ヒューマン・ピクトグラム</a></p>
<p>よくあるあの非常口の棒人間イラストですね。そのピクトグラムが様々なシチュエーションでポーズしているユニークな素材サイトです。</p>
<p>バリエーションも豊富で、だいたい1000種類は網羅していますので、シチュエーションで検索をかけると大抵ヒットします。</p>
<p>あまりリアリティを追求しないゆるい雰囲気の記事を書く時や僕の場合は情報発信のための動画作りの際に、パワポでのプレゼン用のイラストとして使う時に重宝しています。</p>
<p>ただユニークであればあるほど、個性的であるから一見してすぐに「あ、あのサイトのイラストだな」とわかってしまうという点ではオリジナリティーがややかける面もあるかもしれませんね。</p>
<p>ユニークなのに個性にかけるというのは矛盾してしまうようですが、時と場合でうまくバランスよく利用していけば、最強のツールとなるはずです！</p>
<h2 class="hh hh16">takuの一言まとめ</h2>
<p>ということで、今回は僕が個人的に多用しているオススメの無料画像イラスト素材サイトを5つ紹介させてもらいました。</p>
<p>アフィリエイトにおいて記事を更新する際、非常に大切になるのが</p>
<p><span style="font-size: 14pt;"><strong>「効率化」</strong></span></p>
<p>です。いかに少量の手間でクオリティの高い記事を作成するかで長期的には作業効率が随分変わってきます。</p>
<p>ですから、今回紹介したサイトをブックマークしていつでも参照、ダウンロードできる状態でブログ記事を書くようにすれば、非常にスピーディーに記事更新をすることができます。</p>
<p>僕の場合は、トレンドアフィリエイトの実践じはもう常時、これらのサイトタグを開いておいてすぐに閲覧、検索できるようにしています。</p>
<p>参考までに、クオリティの高いサイト作りに是非とも活用してみてくださいね！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://takudlc.com/free-images-download-780/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
