{"id":970,"date":"2011-11-19T09:51:04","date_gmt":"2011-11-19T17:51:04","guid":{"rendered":"http:\/\/www.dognmonkey.com\/techs\/?p=970"},"modified":"2011-11-19T09:51:04","modified_gmt":"2011-11-19T17:51:04","slug":"easy-thumbnails","status":"publish","type":"post","link":"https:\/\/www.dognmonkey.com\/mythemes\/easy-thumbnails.html","title":{"rendered":"Easy Thumbnails"},"content":{"rendered":"

After we get our blogs up and running with all the bells and whistles, the next thing we want to do is to minimize the time to take for our pages to load. One of the way is to display our images with thumbnails instead of resizing the original ones to display smaller, this resizing the images to fit our liking does not help page loading performance. I stumbled onto… <\/a>… Easy Thumbnails<\/a> software and it’s amazing great, easy to use and extremely efficient.<\/i><\/p>\n

So, for every image folder, I would make thumbnails for every image in there, and it’s extremely fast using ezthumb software. The thumbnail images will have “tn_” prefix which is easy to identify especially placed in the same folder with the originals.<\/i><\/p>\n

Does it really help reducing the time of loading?<\/i><\/p>\n

\"page<\/a>\"page<\/a><\/i><\/p>\n

Well, the page size is smaller and the page load time is 30% faster. Yes, we do have to do more work, display with actual thumbnails and link to the full size ones, but with the easy thumbnails, it’s painless and transparent. The website shows how to use it, but since I’m here, I would like to show how I did mine also.<\/i><\/p>\n

Install the software, then execute to shortcut on the desktop or quick launch. Select the original image folder, the output folder (original folder), set the size of the thumbnails, I use 300×300. When everything is set, just click “Make All” for all images or “Make” for a single image.
<\/i><\/p>\n

\"select<\/a>\"select<\/a><\/i><\/p>\n

\"set<\/a>\"click<\/a><\/i><\/p>\n

In a few seconds, we would have the thumbnails made with “tn_” prefix in front of the images names. For 300xx, the thumbnails in jpg format are about 11kb.<\/i><\/p>\n

\"90<\/a>\"thumbnails<\/a><\/i><\/p>\n

This is the most efficient way to minimize the page load and size of our blogs since we use tons of images.
<\/i><\/p>\n

Cheers,<\/i><\/p>\n

idog
<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"

After we get our blogs up and running with all the bells and whistles, the next thing we want to do is to minimize the time to take for our pages to load. One of the way is to display our images with thumbnails instead of resizing the original ones to display smaller, this resizing …<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,45],"tags":[368],"class_list":["post-970","post","type-post","status-publish","format-standard","hentry","category-create-blogs","category-tips-and-tricks","tag-easy-thumbnails"],"views":5,"_links":{"self":[{"href":"https:\/\/www.dognmonkey.com\/mythemes\/wp-json\/wp\/v2\/posts\/970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dognmonkey.com\/mythemes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dognmonkey.com\/mythemes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dognmonkey.com\/mythemes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dognmonkey.com\/mythemes\/wp-json\/wp\/v2\/comments?post=970"}],"version-history":[{"count":0,"href":"https:\/\/www.dognmonkey.com\/mythemes\/wp-json\/wp\/v2\/posts\/970\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.dognmonkey.com\/mythemes\/wp-json\/wp\/v2\/media?parent=970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dognmonkey.com\/mythemes\/wp-json\/wp\/v2\/categories?post=970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dognmonkey.com\/mythemes\/wp-json\/wp\/v2\/tags?post=970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}