<?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>EWWW Image Optimizer - コピーライティング・ハック 〜初心者のための基礎講座〜</title>
	<atom:link href="https://blog-writer.net/tag/ewww-image-optimizer/feed" rel="self" type="application/rss+xml" />
	<link>https://blog-writer.net</link>
	<description>無料でセールスコピーライティングが学べるサイト</description>
	<lastBuildDate>Sat, 05 Dec 2020 04:44:18 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.2</generator>

<image>
	<url>https://blog-writer.net/wp-content/uploads/2019/06/cropped-fabicon_Red_512x512-32x32.jpg</url>
	<title>EWWW Image Optimizer - コピーライティング・ハック 〜初心者のための基礎講座〜</title>
	<link>https://blog-writer.net</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"/>	<item>
		<title>ブログの表示速度が大幅改善！EWWW Image Optimizerで画像を最適化しよう</title>
		<link>https://blog-writer.net/ewww-image-optimizer-5612.html</link>
					<comments>https://blog-writer.net/ewww-image-optimizer-5612.html#respond</comments>
		
		<dc:creator><![CDATA[Kei]]></dc:creator>
		<pubDate>Wed, 12 Feb 2020 10:25:57 +0000</pubDate>
				<category><![CDATA[ブログ]]></category>
		<category><![CDATA[EWWW Image Optimizer]]></category>
		<guid isPermaLink="false">https://blog-writer.net/?p=5612</guid>

					<description><![CDATA[ですが、ご安心ください。 EWWW Image Optimizerという、画像を自動圧縮してくれるプラグインを使えば大幅に改善される可能性があります。 多くのブロガーが絶賛している「EWWW Image Optimizer」を使ってみた結果…]]></description>
										<content:encoded><![CDATA[
<p><strong><span class="fontcolor" style="color:#FF0000;"><span class="sc_marker">「ブログが重い..」と悩んでいませんか？</span></span></strong></p>



<div class="wp-block-dvaux-voice voice clearfix n_bottom right"><div class="icon"><img decoding="async" src="https://blog-writer.net/wp-content/uploads/2019/05/kawaii_icon2.png" class="voice_img"/><div class="name">コピーライターちゃん</div></div><div class="text sc_balloon right" style="background-color:#fff;color:#000"><span class="custom_voice right" style="border-color:transparent transparent transparent #fff"></span><span>結論は「ヤバい！いますぐ改善すべき」です</span></div></div>



<p>ですが、ご安心ください。</p>



<p><strong>EWWW Image Optimizer</strong>という、画像を自動圧縮してくれるプラグインを使えば大幅に改善される可能性があります。</p>



<p>多くのブロガーが絶賛している「EWWW Image Optimizer」を使ってみた結果、20%も画像を軽量化できたので記事にすることにしました。</p>



<p>この記事を最後まで読むと、あなたのブログのサイトスピードは飛躍的に改善されるでしょう！</p>



<div class="wp-block-dvaux-voice voice clearfix n_bottom left"><div class="icon"><img decoding="async" src="https://blog-writer.net/wp-content/uploads/2019/08/笑顔.png" class="voice_img"/><div class="name">セールスレターちゃん</div></div><div class="text sc_balloon left" style="background-color:#fff;color:#000"><span class="custom_voice left" style="border-color:transparent #fff transparent transparent"></span><span>それでは、いってみましょ〜</span></div></div>



<h2 class="wp-block-heading">ブログの表示速度が改善！EWWW Image Optimizerで画像を最適化する方法</h2>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="768" src="https://blog-writer.net/wp-content/uploads/2020/04/ewww-image-optimizer_2.jpeg" alt="ブログの表示速度が改善！EWWW Image Optimizerで画像を最適化する方法" class="wp-image-5625" srcset="https://blog-writer.net/wp-content/uploads/2020/04/ewww-image-optimizer_2.jpeg 1024w, https://blog-writer.net/wp-content/uploads/2020/04/ewww-image-optimizer_2-300x225.jpeg 300w, https://blog-writer.net/wp-content/uploads/2020/04/ewww-image-optimizer_2-768x576.jpeg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><strong><span class="fontcolor" style="color:#FF0000;">EWWW Image Optimizerは、WordPressのプラグインです。</span></strong></p>



<p>EWWW Image Optimizerの主な機能は画像圧縮です。</p>



<p>また、画像を圧縮するだけでなく<strong>画像に保存されている不要なメタデータなども削除</strong>してくれるため、より画像を軽量化することが可能になります。</p>



<div class="wp-block-dvaux-frame sc_frame_wrap normal titlenone"><div class="sc_frame_title normal titlenone" style="background-color:#f00"></div><div class="sc_frame" style="background-color:#fff;border-color:#f00">
<p>特筆すべきは、過去にアップロードした画像を一括で最適化してくれることです。</p>
</div></div>



<p>画像を再び圧縮してアップロードし直す必要がありません！</p>



<div class="wp-block-dvaux-voice voice clearfix n_bottom right"><div class="icon"><img decoding="async" src="https://blog-writer.net/wp-content/uploads/2019/08/笑顔.png" class="voice_img"/><div class="name">セールスレターちゃん</div></div><div class="text sc_balloon right" style="background-color:#fff;color:#000"><span class="custom_voice right" style="border-color:transparent transparent transparent #fff"></span><span>めっちゃ楽</span></div></div>



<p>ちなみに、ぼくは<a rel="noreferrer noopener" href="https://tinypng.com/" target="_blank" data-wpel-link="external" class="wpel-icon-right">TinyPNG<span class="wpel-icon wpel-image wpel-icon-6"></span></a>という画像圧縮サービスを使って画像の軽量化には気を使っていましたが、EWWW Image Optimizerによって更に軽量化できました。</p>



<div class="wp-block-dvaux-voice voice clearfix n_bottom left"><div class="icon"><img decoding="async" src="https://blog-writer.net/wp-content/uploads/2019/06/Kei_Yellow_icon_Smile.png" class="voice_img"/><div class="name">コピーちゃん</div></div><div class="text sc_balloon left" style="background-color:#fff;color:#000"><span class="custom_voice left" style="border-color:transparent #fff transparent transparent"></span><span>今後はTinyPNGが不要になりそうです</span></div></div>



<h3 class="wp-block-heading">サイトスピード改善の必要性</h3>



<p><strong><span class="fontcolor" style="color:#FF0000;">サイトスピードの改善は絶対にするべきです。</span></strong></p>



<p>なぜなら、<u>サイト表示が2秒遅いだけで直帰率は50％増加する</u>といわれるからです。</p>



<p>なお、「パソコンで問題なく見れたから問題ないか..」と思った人も注意が必要です。</p>



<div class="wp-block-dvaux-frame sc_frame_wrap normal titlenone"><div class="sc_frame_title normal titlenone" style="background-color:#ccc"></div><div class="sc_frame" style="background-color:#fff;border-color:#ccc">
<p>ネットに疎いユーザーほどスマホの速度制限にかかっていたり、劣悪なwi-fi環境でネットをしている人が多く、その割合は無視できないと言われます。</p>
</div></div>



<p>よって、サイトスピードはできるだけ改善すべきと言えます。</p>



<h2 class="wp-block-heading">EWWW Image Optimizerのインストール＆設定方法</h2>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="768" src="https://blog-writer.net/wp-content/uploads/2020/04/EWWW-Image-Optimizerのインストール＆設定方法.jpeg" alt="EWWW Image Optimizerのインストール＆設定方法" class="wp-image-5629" srcset="https://blog-writer.net/wp-content/uploads/2020/04/EWWW-Image-Optimizerのインストール＆設定方法.jpeg 1024w, https://blog-writer.net/wp-content/uploads/2020/04/EWWW-Image-Optimizerのインストール＆設定方法-300x225.jpeg 300w, https://blog-writer.net/wp-content/uploads/2020/04/EWWW-Image-Optimizerのインストール＆設定方法-768x576.jpeg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><strong><span class="fontcolor" style="color:#FF0000;">EWWW Image Optimizerのインストール方法は簡単です。</span></strong></p>



<p>インストールをすれば、特に設定する必要はありません。</p>



<div class="wp-block-dvaux-frame sc_frame_wrap onframe"><div class="sc_frame_title onframe" style="color:#2ac113;background-color:#fff">EWWW Image Optimiserインストール手順</div><div class="sc_frame" style="background-color:#fff;border-color:#2ac113">
<ol class="wp-block-list"><li>ワードプレスの管理画面からプラグイン＞新規追加</li><li>「EWWW Image Optimizer」を検索</li><li>「EWWW Image Optimizer」の【今すぐインストール】ボタンを押す</li><li>【今すぐインストール】ボタンが【有効化】と言うボタンに変わるので、【有効化】ボタンを押します。</li></ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="449" src="https://blog-writer.net/wp-content/uploads/2020/04/EWWW-1024x449.jpg" alt="EWWW Image Optimiserインストール手順のガイド画像" class="wp-image-5621" srcset="https://blog-writer.net/wp-content/uploads/2020/04/EWWW-1024x449.jpg 1024w, https://blog-writer.net/wp-content/uploads/2020/04/EWWW-300x132.jpg 300w, https://blog-writer.net/wp-content/uploads/2020/04/EWWW-768x337.jpg 768w, https://blog-writer.net/wp-content/uploads/2020/04/EWWW.jpg 1335w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><em>※画像はインストール後の状態です！</em></p>
</div></div>



<p>これでインストールが完了。</p>



<p><strong>EWWW Image Optimizerをインストール後は、アップロードした画像を自動的に画像を軽量化してくれます。</strong></p>



<h2 class="wp-block-heading">EWWW Image Optimizerで既存の画像を一括最適化しよう</h2>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="768" src="https://blog-writer.net/wp-content/uploads/2020/04/ewww-image-optimizer_4.jpeg" alt="EWWW Image Optimizerで既存の画像を一括最適化しよう" class="wp-image-5627" srcset="https://blog-writer.net/wp-content/uploads/2020/04/ewww-image-optimizer_4.jpeg 1024w, https://blog-writer.net/wp-content/uploads/2020/04/ewww-image-optimizer_4-300x225.jpeg 300w, https://blog-writer.net/wp-content/uploads/2020/04/ewww-image-optimizer_4-768x576.jpeg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><strong><span class="fontcolor" style="color:#FF0000;">EWWW Image Optimizerで既存の画像を一括最適化の方法を解説します。</span></strong></p>



<p><em>※一括最適化は元の画像を変更するため、元に戻すことはできません。続行する前に、必ず画像のバックアップを取ってください。</em></p>



<div class="wp-block-dvaux-frame sc_frame_wrap onframe"><div class="sc_frame_title onframe" style="color:#2ac113;background-color:#fff">画像を一括最適化する手順</div><div class="sc_frame" style="background-color:#fff;border-color:#2ac113">
<ol class="wp-block-list"><li>ワードプレスの管理画面からメディア＞一括最適化</li><li>「最適化されていない画像をスキャンする」を押す</li><li>「最適化を開始」ボタンを押す</li></ol>



<figure class="wp-block-image size-large"><img decoding="async" width="564" height="301" src="https://blog-writer.net/wp-content/uploads/2020/04/EWWW2.jpg" alt="EWWW Image Optimizerで画像を一括最適化する手順" class="wp-image-5622" srcset="https://blog-writer.net/wp-content/uploads/2020/04/EWWW2.jpg 564w, https://blog-writer.net/wp-content/uploads/2020/04/EWWW2-300x160.jpg 300w" sizes="(max-width: 564px) 100vw, 564px" /><figcaption>ざっくりですみません。</figcaption></figure>
</div></div>



<p>処理時間は、約10分。</p>



<p><strong>ぼくの場合はブログ記事数が70記事で2286個の画像が「最適化」できました！</strong></p>



<h3 class="wp-block-heading">画像の一括最適化の結果</h3>



<p><strong><span class="fontcolor" style="color:#FF0000;">EWWW Image Optimizerで既存の画像を一括最適化した結果、20%画像を圧縮することができました。</span></strong></p>



<p>確認する場所は、<strong>設定＞EWWW Image Optimizer</strong></p>



<figure class="wp-block-image size-large"><img decoding="async" width="684" height="700" src="https://blog-writer.net/wp-content/uploads/2020/04/EWWW3.jpg" alt="画像の一括最適化の結果の画像" class="wp-image-5623" srcset="https://blog-writer.net/wp-content/uploads/2020/04/EWWW3.jpg 684w, https://blog-writer.net/wp-content/uploads/2020/04/EWWW3-293x300.jpg 293w" sizes="(max-width: 684px) 100vw, 684px" /><figcaption>ヨッシャー！</figcaption></figure>



<p>画像のサイズには気を使っていた方ですが、20%も改善できたのでかなり満足です！</p>



<h2 class="wp-block-heading">まとめ：EWWW Image Optimizerでブログの表示速度を改善させよう！</h2>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="768" src="https://blog-writer.net/wp-content/uploads/2020/04/ewww-image-optimizer_5.jpeg" alt="まとめ：EWWW Image Optimizerでブログの表示速度を改善させよう！" class="wp-image-5628" srcset="https://blog-writer.net/wp-content/uploads/2020/04/ewww-image-optimizer_5.jpeg 1024w, https://blog-writer.net/wp-content/uploads/2020/04/ewww-image-optimizer_5-300x225.jpeg 300w, https://blog-writer.net/wp-content/uploads/2020/04/ewww-image-optimizer_5-768x576.jpeg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>これらをまとめると..</figcaption></figure>



<div class="wp-block-dvaux-frame sc_frame_wrap normal titlenone"><div class="sc_frame_title normal titlenone" style="background-color:#ccc"></div><div class="sc_frame" style="background-color:#fff;border-color:#ccc">
<p><strong>■サイトスピード改善の必要性</strong></p>



<p>→ サイト表示が2秒遅いだけで直帰率は50％増加する</p>



<p><strong>■EWWW Image Optimizerの主な機能</strong></p>



<p>・ブログ内の画像圧縮して軽量化<br>・既存の画像も一括最適化できる</p>



<p>→ サイトスピードの改善できる</p>



<p><strong>■EWWW Image Optimizerの注意点<br></strong>一括最適化は元の画像を変更するため、元に戻すことはできません。続行する前に、必ず画像のバックアップを取ってください。</p>



<p>→ <a rel="noreferrer noopener" href="https://ja.wordpress.org/plugins/ewww-image-optimizer/" target="_blank" data-wpel-link="external" class="wpel-icon-right">EWWW Image Optimizerのダウンロードページ<span class="wpel-icon wpel-image wpel-icon-6"></span></a></p>
</div></div>



<p>この記事が気に入ってくれたら、シェア &amp; Twitterでフォローよろしくお願いしま〜す！</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog-writer.net/ewww-image-optimizer-5612.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
