<?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>WordPress Plugins Archives - Geeky GF</title>
	<atom:link href="https://geekygf.com/tag/wordpress-plugins/feed/" rel="self" type="application/rss+xml" />
	<link>https://geekygf.com/tag/wordpress-plugins/</link>
	<description>Geek Heaven on Earth</description>
	<lastBuildDate>Sat, 28 Jan 2023 01:35:28 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.2</generator>

<image>
	<url>https://geekygf.com/wp-content/uploads/2022/11/cropped-GEEKY-GF-logo-32x32.png</url>
	<title>WordPress Plugins Archives - Geeky GF</title>
	<link>https://geekygf.com/tag/wordpress-plugins/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>How to Change the Author Slug in WordPress</title>
		<link>https://geekygf.com/how-to-change-the-author-slug-in-wordpress/</link>
					<comments>https://geekygf.com/how-to-change-the-author-slug-in-wordpress/#respond</comments>
		
		<dc:creator><![CDATA[Geeky GF]]></dc:creator>
		<pubDate>Thu, 12 Jan 2023 21:07:57 +0000</pubDate>
				<category><![CDATA[WordPress Tutorials]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress Plugins]]></category>
		<guid isPermaLink="false">https://geekygf.com/?p=4180</guid>

					<description><![CDATA[<p>Having the option to set up a custom author slug can come in handy. But while WordPress is built for non-technical people with its neat and user-friendly interface, not only it doesn&#8217;t let you change the author slug, but it also doesn&#8217;t let you change the WordPress username. That means that by default, you will [&#8230;]</p>
<p>The post <a href="https://geekygf.com/how-to-change-the-author-slug-in-wordpress/">How to Change the Author Slug in WordPress</a> appeared first on <a href="https://geekygf.com">Geeky GF</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Having the option to set up a custom author slug can come in handy. But while WordPress is built for non-technical people with its neat and user-friendly interface, not only it doesn&#8217;t let you change the author slug, but it also doesn&#8217;t let you change the WordPress username. That means that by default, you will be left with the username as the author slug whether you want it or not. </p>



<p>Luckily, there is an easy workaround that doesn&#8217;t require any coding knowledge to achieve the desired result. This is thanks to the fact that WordPress supports the integration of many <a href="https://geekygf.com/how-to-use-ewww-image-optimizer/" target="_blank" rel="noreferrer noopener">free and helpful plugins.</a> </p>



<h2 class="wp-block-heading">What is an author slug?</h2>



<p>First, let&#8217;s clarify what is an author slug. </p>



<p>According to <a href="https://github.com/thebrandonallen/" target="_blank" rel="noreferrer noopener">Brandon Allen</a>, the author of <strong>Edit Author Slug</strong>, on standard WordPress installs, it’s the final part of an author permalink. For example, https://example.com/author<strong>/author-slug/</strong></p>



<p>In relation to WordPress internals, the author slug is the same as the&nbsp;<code>user_nicename</code>&nbsp;field found in a&nbsp;<code>WP_User</code>&nbsp;object or the user table in the database.</p>



<p>It&#8217;s logical that most WordPress website owners want to choose their custom author slugs and the importance grows the more users you have on your website. </p>



<h2 class="wp-block-heading">How to Change the Author Slug</h2>



<p>For the purpose of this tutorial, I am going to be using one of the easiest WordPress plugins for changing the author slug: <strong><a href="https://wordpress.org/plugins/edit-author-slug/" target="_blank" rel="noreferrer noopener">Edit Author Slug.</a> </strong>This plugin has over 100 000 active installations and a rating of 4.9 out of&nbsp;5&nbsp;stars. The best thing is that it&#8217;s free and tested by many people. I personally use it on both of my websites and I have never had any issues.</p>



<p><strong>Edit Author Slug</strong> is an easy plugin to set up and use and does exactly what it states in its title. There is also no unnecessary bloat so your website&#8217;s speed won&#8217;t be affected.  </p>



<p>First of all, log in to your WordPress Admin Area and head to Plugins. Search for <strong>Edit Author Slug</strong>, then Install and Activate the plugin.</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="555" height="448" src="https://geekygf.com/wp-content/uploads/2023/01/edit-author-slug.png" alt="" class="wp-image-4183" srcset="https://geekygf.com/wp-content/uploads/2023/01/edit-author-slug.png 555w, https://geekygf.com/wp-content/uploads/2023/01/edit-author-slug-300x242.png 300w" sizes="(max-width: 555px) 100vw, 555px" /></figure>



<p>To customize your own author slug, visit your profile page.&nbsp;This also applies to other users. If you are the admin, you can change any author slug by simply going to the Users tab. Once you&#8217;ve picked the user you want to modify, click on Edit. </p>



<figure class="wp-block-image size-full"><img decoding="async" width="451" height="309" src="https://geekygf.com/wp-content/uploads/2023/01/edit-users-wp.png" alt="" class="wp-image-4203" srcset="https://geekygf.com/wp-content/uploads/2023/01/edit-users-wp.png 451w, https://geekygf.com/wp-content/uploads/2023/01/edit-users-wp-300x206.png 300w" sizes="(max-width: 451px) 100vw, 451px" /></figure>



<p>Scroll down and find <strong>Edit Author Slug.</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="738" height="164" src="https://geekygf.com/wp-content/uploads/2023/01/author-tab.png" alt="" class="wp-image-4185" srcset="https://geekygf.com/wp-content/uploads/2023/01/author-tab.png 738w, https://geekygf.com/wp-content/uploads/2023/01/author-tab-300x67.png 300w" sizes="(max-width: 738px) 100vw, 738px" /></figure>



<p>There, you have multiple options for how to adjust the author slug. You can do it according to the above profile information that they or you have filled out or create their/your custom author slug. </p>



<p>In the example above, the author URL will look like this: https://example.com/author/<strong>kitsune</strong></p>



<p>Now, if you are fine with the default author base (the <strong>/author/</strong> part of the author URL), you can leave it at that. But you can also change that portion if you really want to. </p>



<h2 class="wp-block-heading">How to Change the Author Base of the Author URL </h2>



<p>To change the author base, go to <strong>Settings » Edit Author Slug.</strong> </p>



<figure class="wp-block-image size-full"><img decoding="async" width="589" height="182" src="https://geekygf.com/wp-content/uploads/2023/01/author-base_cutiepie.png" alt="" class="wp-image-4204" srcset="https://geekygf.com/wp-content/uploads/2023/01/author-base_cutiepie.png 589w, https://geekygf.com/wp-content/uploads/2023/01/author-base_cutiepie-300x93.png 300w" sizes="(max-width: 589px) 100vw, 589px" /></figure>



<p>Here, you can change it to anything you want. I like to keep it at default, though.</p>



<p>You can also opt-in to have a role-based author base. </p>



<figure class="wp-block-image size-full"><img decoding="async" width="528" height="43" src="https://geekygf.com/wp-content/uploads/2023/01/Rolebased-author-base.png" alt="" class="wp-image-4189" srcset="https://geekygf.com/wp-content/uploads/2023/01/Rolebased-author-base.png 528w, https://geekygf.com/wp-content/uploads/2023/01/Rolebased-author-base-300x24.png 300w" sizes="(max-width: 528px) 100vw, 528px" /></figure>



<p>WordPress comes with&nbsp;six&nbsp;pre-defined&nbsp;roles:</p>



<ul class="wp-block-list">
<li>Super Admin,</li>



<li>Administrator,</li>



<li>Editor,</li>



<li>Author,</li>



<li>Contributor, </li>



<li>and Subscriber.</li>
</ul>



<p>When you set the user&#8217;s Author Base according to their role, it will basically add the&nbsp;<code>%ba_eas_author_role%</code>&nbsp;rewrite tag to customize the role-based author base. </p>



<p>If you set the author base to <code>cutiepie/%ba_eas_author_role%</code>, the resulting author structure will be http://example.com<strong>/cutiepie/role-slug/author-slug.</strong></p>



<p>There is also an option to change the role slugs for all six pre-defined roles above. </p>



<figure class="wp-block-image size-full"><img decoding="async" width="676" height="39" src="https://geekygf.com/wp-content/uploads/2023/01/cutie.png" alt="" class="wp-image-4191" srcset="https://geekygf.com/wp-content/uploads/2023/01/cutie.png 676w, https://geekygf.com/wp-content/uploads/2023/01/cutie-300x17.png 300w" sizes="(max-width: 676px) 100vw, 676px" /></figure>



<p>So let&#8217;s say you are the administrator and chose your role slug to &#8220;cutie&#8221;. Your author slug has already been changed to &#8220;kitsune&#8221; and your author base is &#8220;cutiepie&#8221;. </p>



<p>The changes described above would result in something like this: http://example.com<strong>/cutiepie/cutie/kitsune</strong></p>



<p>Apart from these two simple yet useful features, the plugin also offers a function for <strong>Automatic Author Slug Creation.</strong></p>



<h2 class="wp-block-heading">How to Automatically Update Author Slugs</h2>



<p>Let me start by saying that this is a fancy feature that will override any manual Author Slug changes you&#8217;ve made. With this function enabled, people that frequently change their profiles could also hurt the SEO of your website, so be careful with this one.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="933" height="314" src="https://geekygf.com/wp-content/uploads/2023/01/automatically-update-author-slug.png" alt="" class="wp-image-4193" srcset="https://geekygf.com/wp-content/uploads/2023/01/automatically-update-author-slug.png 933w, https://geekygf.com/wp-content/uploads/2023/01/automatically-update-author-slug-300x101.png 300w, https://geekygf.com/wp-content/uploads/2023/01/automatically-update-author-slug-768x258.png 768w" sizes="(max-width: 933px) 100vw, 933px" /></figure>



<p>For those that have decided to proceed, you can set the author slug structure for users from the following:</p>



<ul class="wp-block-list">
<li>username (default)</li>



<li>nickname</li>



<li>displayname</li>



<li>firstname</li>



<li>lastname</li>



<li>firstname-lastname</li>



<li>lastname-firstname</li>



<li>userid</li>



<li>hash</li>
</ul>



<p>When you tick off the automatic updating, it will work only when a user can&#8217;t edit Author Slugs on their own. </p>



<p>Then there is also<strong> a bulk updater,</strong> which will update all users at once according to the author slug structure that you chose. Once you hit save, it will take effect. </p>



<h2 class="wp-block-heading">Final Thoughts</h2>



<p>While WordPress should really integrate a feature for editing the author slug, we can now stick to plugins to do the job to stay on the safer side. After all, the majority of bloggers aren&#8217;t developers but rather regular folks who like to write about their passions.</p>



<p>Luckily, you don&#8217;t have to be a pro to change the author slug. With a little help from a lightweight yet useful plugin like <strong>Edit Author Slug</strong>, you can easily make the adjustments you need.</p>
<p>The post <a href="https://geekygf.com/how-to-change-the-author-slug-in-wordpress/">How to Change the Author Slug in WordPress</a> appeared first on <a href="https://geekygf.com">Geeky GF</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://geekygf.com/how-to-change-the-author-slug-in-wordpress/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to use EWWW Image Optimizer (Quick &#038; Easy)</title>
		<link>https://geekygf.com/how-to-use-ewww-image-optimizer/</link>
					<comments>https://geekygf.com/how-to-use-ewww-image-optimizer/#respond</comments>
		
		<dc:creator><![CDATA[Geeky GF]]></dc:creator>
		<pubDate>Mon, 14 Nov 2022 23:28:53 +0000</pubDate>
				<category><![CDATA[WordPress Tutorials]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress Plugins]]></category>
		<guid isPermaLink="false">https://geekygf.com/?p=3691</guid>

					<description><![CDATA[<p>Do you want to learn how to use EWWW Image Optimizer Plugin in WordPress? Modern image formats like WebP offer superior image compression by decreasing file size. This reduces bandwidth usage and speeds up website loading. In this article, we’ll show you how to easily use the EWWW Image Optimizer plugin to serve WEbP images. [&#8230;]</p>
<p>The post <a href="https://geekygf.com/how-to-use-ewww-image-optimizer/">How to use EWWW Image Optimizer (Quick &amp; Easy)</a> appeared first on <a href="https://geekygf.com">Geeky GF</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Do you want to learn <strong>how to use EWWW Image Optimizer Plugin in WordPress?</strong></p>



<p>Modern image formats like WebP offer <a href="https://geekygf.com/how-to-make-high-quality-anime-pfps/">superior image</a> compression by decreasing file size. This reduces bandwidth usage and speeds up website loading.</p>



<p>In this article, we’ll show you how to easily use the EWWW Image Optimizer plugin to serve WEbP images. </p>



<p class="has-small-font-size">Disclosure: This post contains affiliate links, which means I may receive a small commission, at no additional cost to you, if you make a purchase through a link. </p>



<h2 class="wp-block-heading">What is the EWWW Image Optimizer plugin?</h2>



<p><strong>EWWW Image Optimizer</strong> is a WordPress plugin that lets you optimize all your images. Therefore, it speeds up your website by compressing your images. </p>



<p>You can even generate WebP versions of your images with the Bulk Optimizer, and deliver them to supported browsers. </p>



<p>The plugin comes with a free and <a href="https://ewww.io/plans/ref/588/" target="_blank" rel="noreferrer noopener sponsored nofollow">a premium version.</a> </p>



<blockquote class="wp-block-quote has-text-align-center is-layout-flow wp-block-quote-is-layout-flow">
<p>The premium plan is a game-changer, offering five times more optimization compared to the free version. With this plan, you&#8217;ll be able to automatically convert your images to WebP/AVIF, compress PDF files, add watermarks to your images, optimize Google Fonts, cache your pages, and take your website&#8217;s speed to the next level.</p>
</blockquote>



<p>There are three premium plans to choose from:</p>



<ul class="wp-block-list">
<li>The Standard plan for $7 a month</li>



<li>The Growth plan for $15 a month</li>



<li>The Infinite plan for $25 a month</li>
</ul>



<p>Each plan varies in terms of the number of websites on which you can use the premium version, available bandwidth, and CDN delivery enhancements.</p>



<p>Even though the premium plan is an upgrade, the free version is still effective and gets the job done. But if you&#8217;re looking to take your website&#8217;s speed and performance to the next level, the premium plan is definitely worth considering.</p>



<h2 class="wp-block-heading">Why you should use WebP image formats </h2>



<p>According to <a href="https://developers.google.com/speed/webp" target="_blank" rel="noreferrer noopener">Google Developers</a>, WebP lossless images are&nbsp;26% smaller in size compared to PNGs. You can reduce the size even further by using lossy WebP—those are&nbsp;25-34% smaller&nbsp;than comparable JPEG images at an equivalent&nbsp;SSIM&nbsp;quality index.</p>



<p>What that means is that by using WebP, webmasters and web developers can generate smaller, richer images that speed up the web.</p>



<h2 class="wp-block-heading">How to set up EWWW Image Optimizer</h2>



<p>To use EWWW Image Optimize effectively, we&#8217;ll follow these easy steps. But before we start, make sure to create a backup of your website in case anything goes wrong. </p>



<h3 class="wp-block-heading">Installation</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="411" height="118" src="https://geekygf.com/wp-content/uploads/2022/11/add-new-plugin-wordpress.png" alt="" class="wp-image-3987" srcset="https://geekygf.com/wp-content/uploads/2022/11/add-new-plugin-wordpress.png 411w, https://geekygf.com/wp-content/uploads/2022/11/add-new-plugin-wordpress-300x86.png 300w" sizes="(max-width: 411px) 100vw, 411px" /></figure>



<p>First of all, go to your WordPress admin area. Then, navigate to <strong>Plugins » Add New » Search Plugins&#8230; » Type &#8220;EWWW  Image Optimizer&#8221; » Install now</strong>.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="411" height="114" src="https://geekygf.com/wp-content/uploads/2022/11/EWWW-image-optimizer_install-1.png" alt="" class="wp-image-3986" srcset="https://geekygf.com/wp-content/uploads/2022/11/EWWW-image-optimizer_install-1.png 411w, https://geekygf.com/wp-content/uploads/2022/11/EWWW-image-optimizer_install-1-300x83.png 300w" sizes="(max-width: 411px) 100vw, 411px" /></figure>



<p>After you&#8217;ve installed EWWW Image Optimizer, Activate the plugin.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="540" height="329" src="https://geekygf.com/wp-content/uploads/2022/11/activate-ewww-1.png" alt="" class="wp-image-3903" srcset="https://geekygf.com/wp-content/uploads/2022/11/activate-ewww-1.png 540w, https://geekygf.com/wp-content/uploads/2022/11/activate-ewww-1-300x183.png 300w" sizes="(max-width: 540px) 100vw, 540px" /></figure>



<p>It&#8217;ll automatically open a wizard that&#8217;ll walk you through some of the settings but you can also set everything by yourself.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="342" height="344" src="https://geekygf.com/wp-content/uploads/2022/11/ewww-image-3.jpg" alt="" class="wp-image-3908" srcset="https://geekygf.com/wp-content/uploads/2022/11/ewww-image-3.jpg 342w, https://geekygf.com/wp-content/uploads/2022/11/ewww-image-3-298x300.jpg 298w, https://geekygf.com/wp-content/uploads/2022/11/ewww-image-3-150x150.jpg 150w" sizes="(max-width: 342px) 100vw, 342px" /></figure>



<p>If you click on &#8220;I know what I&#8217;m doing, leave me alone!&#8221;, you&#8217;ll need to go to the Plugin section where you need to open <strong>Settings</strong> of EWWW Image Optimizer.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="62" src="https://geekygf.com/wp-content/uploads/2022/11/ewww-image-optimizer-tutorial-2-1-1024x62.png" alt="" class="wp-image-3906" srcset="https://geekygf.com/wp-content/uploads/2022/11/ewww-image-optimizer-tutorial-2-1-1024x62.png 1024w, https://geekygf.com/wp-content/uploads/2022/11/ewww-image-optimizer-tutorial-2-1-300x18.png 300w, https://geekygf.com/wp-content/uploads/2022/11/ewww-image-optimizer-tutorial-2-1-768x46.png 768w, https://geekygf.com/wp-content/uploads/2022/11/ewww-image-optimizer-tutorial-2-1.png 1064w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>You&#8217;ll be taken to the <strong>Basic</strong> settings in the easy mode where you&#8217;ll have a few options. </p>



<h3 class="wp-block-heading">Basic settings for decreasing the image size</h3>



<h4 class="wp-block-heading">1. Remove all Metadata</h4>



<p>First of all, you want to tick off <strong>Remove Metadata.</strong> This strips off all <a href="https://en.wikipedia.org/wiki/Metadata" target="_blank" rel="noreferrer noopener">metadata.</a></p>



<p>Simply removing the metadata will reduce the image size, but will not change the quality of the images.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="891" height="218" src="https://geekygf.com/wp-content/uploads/2022/11/remove-metadata.png" alt="" class="wp-image-3909" srcset="https://geekygf.com/wp-content/uploads/2022/11/remove-metadata.png 891w, https://geekygf.com/wp-content/uploads/2022/11/remove-metadata-300x73.png 300w, https://geekygf.com/wp-content/uploads/2022/11/remove-metadata-768x188.png 768w" sizes="(max-width: 891px) 100vw, 891px" /></figure>



<h4 class="wp-block-heading">2. WebP Conversion</h4>



<p>Secondly, scroll down to <strong>WebP Conversion</strong> and check it off. </p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="85" src="https://geekygf.com/wp-content/uploads/2022/11/webp-conversion-1024x85.png" alt="" class="wp-image-3910" srcset="https://geekygf.com/wp-content/uploads/2022/11/webp-conversion-1024x85.png 1024w, https://geekygf.com/wp-content/uploads/2022/11/webp-conversion-300x25.png 300w, https://geekygf.com/wp-content/uploads/2022/11/webp-conversion-768x64.png 768w, https://geekygf.com/wp-content/uploads/2022/11/webp-conversion.png 1259w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>If you are not using Cloudflare, you&#8217;ll see an option Insert Rewrite Rules under <strong>WebP Delivery Method.</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="386" height="350" src="https://geekygf.com/wp-content/uploads/2022/11/insert-rewrite-rules-–-kopia.png" alt="" class="wp-image-3965" srcset="https://geekygf.com/wp-content/uploads/2022/11/insert-rewrite-rules-–-kopia.png 386w, https://geekygf.com/wp-content/uploads/2022/11/insert-rewrite-rules-–-kopia-300x272.png 300w" sizes="(max-width: 386px) 100vw, 386px" /></figure>



<p>The red PNG icon will turn into a green WEBP one if it was successful.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="938" height="116" src="https://geekygf.com/wp-content/uploads/2022/11/webp.jpg" alt="" class="wp-image-3915" srcset="https://geekygf.com/wp-content/uploads/2022/11/webp.jpg 938w, https://geekygf.com/wp-content/uploads/2022/11/webp-300x37.jpg 300w, https://geekygf.com/wp-content/uploads/2022/11/webp-768x95.jpg 768w" sizes="(max-width: 938px) 100vw, 938px" /></figure>



<p>As an alternative, you have the option of using the JS WebP Rewriting or Picture WebP Rewriting methods for WebP delivery. These work, but a little more slowly than the .htaccess approach.</p>



<p>If you are using Cloudflare, you&#8217;ll have the option to use either JS WebP or Picture WebP rewriting to prevent broken images on older browsers. </p>



<p>Check off JS WebP Rewriting. </p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="149" src="https://geekygf.com/wp-content/uploads/2022/11/js-webp-1024x149.png" alt="" class="wp-image-3916" srcset="https://geekygf.com/wp-content/uploads/2022/11/js-webp-1024x149.png 1024w, https://geekygf.com/wp-content/uploads/2022/11/js-webp-300x44.png 300w, https://geekygf.com/wp-content/uploads/2022/11/js-webp-768x112.png 768w, https://geekygf.com/wp-content/uploads/2022/11/js-webp.png 1432w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">3. Resize Uploaded Images </h4>



<p>Another setting you might want to take a look at is <strong>Resize Images.</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="561" height="76" src="https://geekygf.com/wp-content/uploads/2022/11/resize-images.png" alt="" class="wp-image-3931" srcset="https://geekygf.com/wp-content/uploads/2022/11/resize-images.png 561w, https://geekygf.com/wp-content/uploads/2022/11/resize-images-300x41.png 300w" sizes="(max-width: 561px) 100vw, 561px" /><figcaption class="wp-element-caption">an example</figcaption></figure>



<p>WordPress, your theme, and other plugins generate different versions of images with various sizes. You can check it out in the Resize tab if you have ludicrous mode enabled. </p>



<p>I, for example, know that I am using 768-width pictures in my articles and homepage. As a result, I set it to this number. You might want to implement a similar strategy when considering these parameters. </p>



<p>To sum it up, this setting basically resizes all of the images that are wider or taller than these values to the set values. </p>



<h3 class="wp-block-heading">Take your image compression to the next level</h3>



<h4 class="wp-block-heading">1. Enable Ludicrous Mode</h4>



<p>By enabling Ludicrous Mode, you&#8217;ll have a chance to work with more advanced settings. </p>



<figure class="wp-block-image size-full"><img decoding="async" width="268" height="94" src="https://geekygf.com/wp-content/uploads/2022/11/enable-ludicous-mode.png" alt="" class="wp-image-3918"/></figure>



<p>A notable setting for even better compression can be found in the <strong>Advanced tab.</strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="674" height="117" src="https://geekygf.com/wp-content/uploads/2022/11/advanced-2.png" alt="" class="wp-image-3946" srcset="https://geekygf.com/wp-content/uploads/2022/11/advanced-2.png 674w, https://geekygf.com/wp-content/uploads/2022/11/advanced-2-300x52.png 300w" sizes="(max-width: 674px) 100vw, 674px" /></figure>



<h4 class="wp-block-heading">2. Adjust JPG &amp; WebP Quality Level </h4>



<p>Scroll down and set JPG Quality Level and WebP Quality Level to your desired number. The lower the number, the lower the image size (but also the quality). You&#8217;ll want to balance it out according to your content and how much quality you are willing to sacrifice.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="546" height="157" src="https://geekygf.com/wp-content/uploads/2022/11/advanced.png" alt="" class="wp-image-3919" srcset="https://geekygf.com/wp-content/uploads/2022/11/advanced.png 546w, https://geekygf.com/wp-content/uploads/2022/11/advanced-300x86.png 300w" sizes="(max-width: 546px) 100vw, 546px" /><figcaption class="wp-element-caption">an example</figcaption></figure>



<p>On this website, we&#8217;re using 85 for both because the text needs to be clear enough since this is a website with tutorials. </p>



<p>However, <a href="https://9tailedkitsune.com/how-to-get-into-anime-if-youre-new-to-it/" target="_blank" rel="noreferrer noopener">my other website</a> is picture-heavy with no need for such quality, so we set the WebP Quality Level to 50. You can check the quality of the pictures in the article to see how it looks.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="529" height="50" src="https://geekygf.com/wp-content/uploads/2022/11/webplow.png" alt="" class="wp-image-3921" srcset="https://geekygf.com/wp-content/uploads/2022/11/webplow.png 529w, https://geekygf.com/wp-content/uploads/2022/11/webplow-300x28.png 300w" sizes="(max-width: 529px) 100vw, 529px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="508" height="140" src="https://geekygf.com/wp-content/uploads/2022/11/reduced-webp.png" alt="" class="wp-image-3989" srcset="https://geekygf.com/wp-content/uploads/2022/11/reduced-webp.png 508w, https://geekygf.com/wp-content/uploads/2022/11/reduced-webp-300x83.png 300w" sizes="(max-width: 508px) 100vw, 508px" /></figure>



<p>As you can see, it compressed the original picture by 44.7% and is serving the 52.2 KB version instead.</p>



<h4 class="wp-block-heading">3. Automatically Convert PNG to JPG</h4>



<p>Another setting to turn on is located in <strong>Convert » PNG to JPG Conversion</strong>.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="727" height="116" src="https://geekygf.com/wp-content/uploads/2022/11/png-to-jpg.png" alt="" class="wp-image-3970" srcset="https://geekygf.com/wp-content/uploads/2022/11/png-to-jpg.png 727w, https://geekygf.com/wp-content/uploads/2022/11/png-to-jpg-300x48.png 300w" sizes="(max-width: 727px) 100vw, 727px" /></figure>



<p>JPG/JPEG files&nbsp;are smaller in size in comparison&nbsp;to PNG files. But as it states, it&#8217;s not a lossless conversion, so you&#8217;ll be sacrificing a bit of quality.</p>



<h3 class="wp-block-heading">Bulk optimization</h3>



<p>The free version can optimize all of your existing images but you&#8217;ll have to go to the Basic tab and either click on <strong>Bulk Optimizer</strong> in the right upper corner or next to the text describing Resize Image/WebP Conversion.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="72" src="https://geekygf.com/wp-content/uploads/2022/11/bulk-optimizer-1024x72.png" alt="" class="wp-image-3926" srcset="https://geekygf.com/wp-content/uploads/2022/11/bulk-optimizer-1024x72.png 1024w, https://geekygf.com/wp-content/uploads/2022/11/bulk-optimizer-300x21.png 300w, https://geekygf.com/wp-content/uploads/2022/11/bulk-optimizer-768x54.png 768w, https://geekygf.com/wp-content/uploads/2022/11/bulk-optimizer.png 1258w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>You&#8217;ll be taken to the Bulk Optimize section where you&#8217;ll click on Scan for unoptimized images.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="227" height="226" src="https://geekygf.com/wp-content/uploads/2022/11/e1769f9bfdb682b2808f84ed4bdfabdb.png" alt="" class="wp-image-3927" srcset="https://geekygf.com/wp-content/uploads/2022/11/e1769f9bfdb682b2808f84ed4bdfabdb.png 227w, https://geekygf.com/wp-content/uploads/2022/11/e1769f9bfdb682b2808f84ed4bdfabdb-150x150.png 150w" sizes="(max-width: 227px) 100vw, 227px" /></figure>



<p>The scanner will start automatically and show you how many images you can optimize.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="263" height="135" src="https://geekygf.com/wp-content/uploads/2022/11/bulk-optimize-2.png" alt="" class="wp-image-3928"/></figure>



<p>Press Optimize images and it&#8217;ll automatically start optimizing your images. </p>



<p>It will take quite a while if you have a lot of images uploaded.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="710" height="183" src="https://geekygf.com/wp-content/uploads/2022/11/optimization-images.png" alt="" class="wp-image-3929" srcset="https://geekygf.com/wp-content/uploads/2022/11/optimization-images.png 710w, https://geekygf.com/wp-content/uploads/2022/11/optimization-images-300x77.png 300w" sizes="(max-width: 710px) 100vw, 710px" /></figure>



<h3 class="wp-block-heading">Testing whether the WebP is served</h3>



<p>To check whether it&#8217;s serving the WebP images properly, open some of your articles with pictures and right-click on the image, and copy the image address. Open a new window and paste, then press Enter. </p>



<figure class="wp-block-image size-full"><img decoding="async" width="692" height="547" src="https://geekygf.com/wp-content/uploads/2022/11/copy-image-address.jpg" alt="" class="wp-image-3943" srcset="https://geekygf.com/wp-content/uploads/2022/11/copy-image-address.jpg 692w, https://geekygf.com/wp-content/uploads/2022/11/copy-image-address-300x237.jpg 300w" sizes="(max-width: 692px) 100vw, 692px" /></figure>



<p>It should show you a .webp at the end of the image address. </p>



<figure class="wp-block-image size-full"><img decoding="async" width="538" height="35" src="https://geekygf.com/wp-content/uploads/2022/11/webp-1.png" alt="" class="wp-image-3944" srcset="https://geekygf.com/wp-content/uploads/2022/11/webp-1.png 538w, https://geekygf.com/wp-content/uploads/2022/11/webp-1-300x20.png 300w" sizes="(max-width: 538px) 100vw, 538px" /></figure>



<p>In this example, the website serves the WebP version of the picture, so it&#8217;s working well.</p>



<h3 class="wp-block-heading">Lazy Load</h3>



<p>Lazy Load reduces both the actual and perceived loading times of the website by only loading images when they are about to enter the viewport.</p>



<p>To turn Lazy Load in EWWW Image Optimizer, go to <strong>Basic</strong> <strong>»</strong> <strong>Lazy Load</strong>. Tick off both Improve actual and perceived loading time and Automatic Scaling and test it on both phone and a PC. </p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="124" src="https://geekygf.com/wp-content/uploads/2022/11/lazy-load-1024x124.png" alt="" class="wp-image-3953" srcset="https://geekygf.com/wp-content/uploads/2022/11/lazy-load-1024x124.png 1024w, https://geekygf.com/wp-content/uploads/2022/11/lazy-load-300x36.png 300w, https://geekygf.com/wp-content/uploads/2022/11/lazy-load-768x93.png 768w, https://geekygf.com/wp-content/uploads/2022/11/lazy-load.png 1120w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>All information regarding Lazy Load can be found in <a href="https://docs.ewww.io/article/74-lazy-load" target="_blank" rel="noreferrer noopener">the documentation</a> on EWWW IO&#8217;s official website. </p>



<h2 class="wp-block-heading">Conclusion</h2>



<p><strong>EWWW Image Optimizer</strong> is one of the best plugins you can use to speed up your website by compressing your images and serving WebP images when applicable. This results in faster loading times and a better user experience for visitors. </p>



<p>Additionally, the plugin is user-friendly and easy to set up, making it a great option for both beginners and advanced users. </p>



<p>If you have any questions about the plugin, let us know in the comments below.</p>
<p>The post <a href="https://geekygf.com/how-to-use-ewww-image-optimizer/">How to use EWWW Image Optimizer (Quick &amp; Easy)</a> appeared first on <a href="https://geekygf.com">Geeky GF</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://geekygf.com/how-to-use-ewww-image-optimizer/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
