This is an email I wrote to one of my clients to ask him to optimize images before uploading. This client was hosting his website on my hostgator reseller account.
Today I received an Excessive Resources Usage warning from HostGator hence I went into my hosting manager cPanel to investigate whether which site was using what size of space. Although yourwebsite.com may not be the most over-weighted website, during the process I found that yourwebsite.com was using Non-Optimized images which are unnecessarily addting to space usage. It would have been avoided without affecting the quality of images uploaded. Let me show an example.
You have uploaded xyz.png weighing 567KB which is 1200×628 pixels in size/dimension while you merely needed to use in this size on the website. Even if you needed to use this dimension if could be optimized to 42KB while keeping moderate or same quality. I would have resized it to 600×314 pixels if I was showing it in on a web page or even to 500x or less if I wanted to use it just as a featured image. You no way needed to upload it as an PNG image. Always keep image in JPG format unless you want a transparent image (PNG) or an animation (GIF)
Please check How to Optimize Images using Adobe Photoshop if you want to know how to optimized images with Adobe photoshop.
The following image Illustrates the difference of quality and weight of same sized images in PNG and JPEG formats respectively.
Ironically some themes such as popular Newspaper Theme create 25 different sized versions of one image. Because of this fact this single image of yours has resulted into 5.09MB of size. To prevent this I may have to make a change into the file which generates 25 versions of single image. Ref https://goo.gl/XDGgtW
I am attaching all the versions so you may compare them to see the difference.
How one can optimize images to help with hosting and website?
In addition to deeming it as an effective measure to avoid unnecessary increase of space on a web server, it is always a good practise to optimize images to keep your web page light-weight in size so that it loads faster. Loading of images plays a vital role in the loading speed of a web site so turn/keep/optimize images to be low in size and your website will load many folds faster than ever!
To optimize images please re-upload the images some of which are very large in weight and dimension or size. Here’s how you could do it.
- Download the original image using your Media manager(WordPress) or FTP.
- Optimize it using software like Adobe Photoshop or online tools like http://optimizilla.com/.
- Permanently Delete the old image from Media Manager or through FTP and reupload optimized image with same name.
- Make any necessary changes to the post(s) in which you are using this. Generally deleting an image from a monthly archive and re-uploading it won’t need any further changes to be done.
Let me know if you want me to do it for you at my end. Just send me the user/pass to admin end and/or FTP. I may have to charge a very reasonable (data entry) fee for the time spent.
I hope it makes sense.
I moved my website to new VPS server. After adding new articles when I tried to share a post it showed 404 not found error with not featured images. I went to Facebook sharing debugger too where I normally would go if I see missing featured image or “old” title which I would have set at the time of publishing a post.
How do we refresh content if we see old content while sharing?
Yes sometimes, I set a post title and featured image in a wordpress post and publish it. Then I do FB share. Minutes later realize something wrong with the post title and I would change post title or featured image and then go to share it again. This time it would show me the old post title and featured images. So “refresh” it I would got to Facebook sharing debugger to re-scrape it using the button.
Well, this was not the point of discussion here. Facebook sharing worked just fine for me but when I moved my website to new VPS server. After some research over Google and Stackoverflow I learned that Facebook used IPV6 address to scrap your website data. As the settings of IPV6 was not correct for my website domain it just could not find and hence scrap my websites and its posts. So what to do now?
Either, I needed to set correct IPV6 values for my domain or to disable ipv6 altogether in order to make it working. Following some instructions for more experienced guys I decided to disable ipv6 on my server. As my server runs on Centos 7 I followed this guide https://www.unixmen.com/disable-ipv6-centos-7/ to turn it off. I restarted the server and to my pleasant surprise I could scrap my pages successfully again! No more 404 not found errors!
If you like this post please share it!
To preview your WordPress website before making it live on Godaddy can be tricky. Especially if you are moving from Linux hosting providers such as hostgator, justhost etc. I recently purchased a multiple website hosting from Godaddy and wanted to setup a WordPress website and preview it before making it live with its own domain. Continue reading
Update Jun 03, 2016:
As a new update when you try to do this action it gives you an option to whitelist the action in question. Something like this.
So it solves this issue for the current user.
Old (outdated ?) story
I am using popular Newspaper theme on few of my websites. While editing theme settings from admin end it suddenly stopped saving theme settings. I tried different thing including inspect element and hence found this in the console. (see admin ajax 403 forbidden message) Continue reading
I have got two clients who work solely in WordPress. They market for Wordpress jobs and get websites done in-house. Sometimes, when they have extra work or the work which may involve some programming they source out such jobs to me. Continue reading
It can be said that WordPress is the best blogging, News and Magazine software at present. Most of the hosting solutions provide an easy way to install WordPress for you. To create a new website you just need to buy a domain name and a hosting account. Continue reading
iThemes Security (formerly Better WP Security) has implemented some rules to prevent unwanted actions on your WordPress website. One of these Rules is to prevent php execution in side “uploads” folder. The line which is supposed to do it is in the .htaccess file. The line says: Continue reading
Are you facing WordPress admin screens dying on white screens? Especially while using Gravity Forms PDF Extended plugin? It could be the main Gravity Forms “Entries” screen (ex. wp-admin/admin.php?page=gf_entries) and/or the single PDF generation or template page (ex. ?gf_pdf=1&fid=348&lid=2323&template=default-template.php Continue reading
Changes to Media Uploader in WordPress 3.5 were perhaps the most significant changes in that release. Another important change was the removal of Settings » Miscellaneous section where there was an option to change the default upload directory and an option “check box for year/month folder organization”, in the admin end. Continue reading
I tried to add a featured image to the previous post i created but it gave me the following error:
Unable to create directory uploads/2014/08. Is its parent directory writable by the server?
The same error occurred when i tried to add a new media item to the same post. Continue reading