You can do this using the selected image editing software.
In addition, if you upload an image to the site, WordPress will automatically create different sizes for the image. It usually includes large, medium and small versions and thumbnails. Using WordPress in this way can provide readers with the most appropriate image size. It also helps the browser display the correct image size based on the visitor’s device. Therefore, using these settings can improve the responsiveness of the website. When adding an image to a post, it is recommended to set the image to large instead of full size. Similarly, when designing blog seeds, you can choose thumbnails for recommended photos instead of larger image sizes.
Using a larger dimension than needed can put unnecessary pressure on site speed. This also takes up more space on the server. There are several tools available to optimize images to ensure web performance. This section introduces some best practices to help you get started. 1. As mentioned before using image compression tools or plug-ins, compression helps to reduce the file size of images. Many tools can be used to compress photos, including image editing software such as Adobe Photoshop or Microsoft photos.
You can also use online tools, such as tinypng. The tool uses loss compression to reduce the size of webp, JPEG and PNG files. As long as the image is uploaded, tinypng will compress. Alternatively, you can use powerful image optimization plug-ins, such as imageify. After installing and activating the plug-in on the website, you can go to Settings > imagine to set compression preferences. It is best to actively set the compression level. This setting can significantly reduce the file size without significantly affecting the image quality.
When you are ready, click save changes. Now, imageify will automatically compress all images uploaded to the site. 2. In the word press editor, we also discussed the importance of resizing the image to speed up the loading time. You can resize your photos on your computer before uploading them to the WordPress site. However, you can also resize photos in word press. Just select the image in the post or page and adjust the width and height in the settings panel on the right. Or find the image in the media library and select edit image. After doing this, you can clip the image in the window and set the new size.
As you can see, the WordPress editor also allows you to select one of the automatically generated image sizes. If you use graphics in blog posts, it is recommended to choose a large size rather than the overall size. This setting renders smaller image sizes without affecting quality. 3. Change the maximum upload limit. WordPress has the maximum upload file size. This depends on the resources allocated by the hosting provider. To determine the current maximum file size, navigate to media > New on the word press dashboard. You can view upload restrictions on this page.
In general, this value does not need to be changed unless a larger file is uploaded. However, you can reduce the file size limit to prevent other users from uploading larger images than needed. This setting can be useful if you are running multiple author blogs. To do this, you can contact the hosting provider and ask to change the maximum upload file size. Or PHP. You can edit the INI file to change WordPress upload restrictions
whole 4. another way to delay scaling scripts to optimize images for web performance is to adjust the placement of scripts in HTML code. JavaScript has many resources, and any form of interaction contained in HTML can cause loading delays. The standard practice is to link to an external JavaScript page at the bottom of the code. This allows you to fully load the DOM (document object model) before the interaction element is activated. However, some JavaScript snipts are commonly used throughout the dom. An example is the event listener \
