1/13/2024 0 Comments Optimize images size![]() Here I share with you the tools I’ve been using for image compression. ![]() To reduce image size in kb size and optimize image to another level, we need to use image compression tools. But this is not the end, this until here you can only improve the image on your website about 75% of the optimization. Therefore, fit every images on every position is one thing that can reduce the burden of your website while loading. Because this is the maximum size that the image will be display on this area, even a 2k high resolution image will also be displayed in 779.98 px. So you can resize your image that used in the writing area maximum width to 779.98 pixel. Here you can see on the right of the “inner-post-entry”, 779.98 (is the max-width) is the actual size we are looking for. Because WordPress name the html writing area for this “class”. Now, move your mouse to the content place and find the “inner-post-entry”. After that, press “F12” on your keyboard to open inspect. Click on the selecting tools (the icon see screenshot). To do this, simply open one of the blog post. Here, i will demonstrate for image used in blog post. To find the actual size, we can simply use the website inspect to find the image place hold, and check for the size. Actual size can prevent you use an over size image and reduce image size in kb, which will decrease your website load size. How To Make Your Website AMP Compliant In Just 5 MinutesĪnother way to optimize the images on your website, is to find the actual size for the image place hold.How to backup your website in 30 Seconds.How to Increase WordPress Website Speed (90 Score Google).Most beginner don’t optimize their image before sending to their website, that is critical, not only affect user experience, also have a big impact of the website growing. As a site speed for google is a ranking factor, fast site is good user experience and a satisfaction will leads to higher conversions.ĥ3% of visits are abandoned if a mobile site takes longer than three seconds to load. That’s a big problem.” Google If you using original image without any compression in your website, you may take longer time while loading the website. And messenger have reduce image size in 148kB(without using compression tools), which is 23x time smaller size than the original files. The image on left is original image taken directly from my iPhone, and the image on right was downloaded from Facebook messenger.Īs we can see, the original image size was 3.45 MB, which is very large. On the below, you can see the comparison of the two image. I have already upload one image to Facebook messenger through my phone, the image was taken from my iPhone. To do the experiment, we need one image from Facebook, and one original. Now, let see our experiment on the below. Upload you image to Facebook or Messenger, open the image and “Download”, it easy. Thus, we can use facebook to do image optimization. I personally also prefer png, because the quality look better on web, even I’ve reduce image size in kb.įacebook have their own way to optimize all image in facebook, every image from users sending to facebook, the size will be reduce in kb. But if for smaller icon or graphic, png is better because it’s lossless. JPG format is a lossy compressed file format, however it’s also good for website and smaller size than a BMP format. PNG format is a lossless compression file format, which is common use on the Website. Other than that, it can also improve your website SEO on search engine. Image optimization is about minimizing the file size of your images without sacrificing quality so that your website load times remain low. Accordingly, optimizing images can frequently yield a portion of the biggest byte saving and improvement for your site. Reduce image size in kb can boost your website loading speed and now i want to share with you How to Optimize An Image for Web the RIGHT WAY. How to Optimize Images for Web the RIGHT WAY.Īre you sure you are doing the right way on optimize your website image? An Images are account for the vast majority of the downloaded bytes on a site page and furthermore frequently involve a lot of visual space. 6.5 The different before and after Compression.6 Always Use Online Image Compressor Tools.4 Use Facebook to Reduce Image Size in kb.1 How to Optimize Images for Web the RIGHT WAY.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |