Reduce Image File Size Before Adding in Blog Post - Image Optimization

Have you ever visited any website that takes too much time for loading? There is no problem with that website. Its all due to it's high page size that includes high quality images and other multimedia and javascript files. Image files greatly effects performance of your blog if they are not well optimized. There are so many tools avaliable online that reduces your file size and but i will teach you about one of the basic tool. It will not take your much to upload your file and the to download. You can manually control all of your requirements. Its an awesome tool. Friends it's Micrsoft office pictu tool. 

Below i will guide you how to reduce size and pixels of any image. Bloggers usually need 200×200 size image. You can easily reduce file size and pixels using this tool.

Some bloggers who directly add image to their blog post and make it small, large or of any size using blogger given option usually they don't get any benefit instead they are increasing load time to their blog posts. So it's very essential to reduce file size online or by using Microsoft tool. Lets see below how we can reduce image size and pixels.

You first need to have office. Download any image from net or if you already have you can use that image.

Reducing  Size of image

Here i am using 1MB size of image. It is 1920×1080. I will resize and you will see the results.

 Follow below steps.

1. OPen your Microsoft Office Picture Manager. Select any Image file that you want use in between your posts. 

2. Select edit picture. Side pan will open and you will see different options.

 

4. Select Compress pictures. You will prompot to next step.

5. Now select webpages and click on ok. This option will automatically reduces your image size that is best for your website.  [My 1MB file size was converted to 68kb file.]

6. Now click on save option and give path to save file. Remenber this must not replace your original image file if you want to use that else where.

Now this is done but if you want to manually resize your image and its size you can do that. 

7. Go back and select Resize option. You can resize your image by percentage of original or by entering manual size.

8. Go back and you will see another option crop. Using this option you can crop your image.

There are also some other options you can use them in your own way.

This option is simple for reducing image size. You can also use Photoshop or anyother online tool. 

This is all for today. Using this tool your webpages speed will never be slows down. Google bot like those pages who loads fast. It will keep those pages for first page of Google. You can also say that Image optimization is part of SEO. Hope you have liked my tutorial. Get subscribed to get daily updates and don't hesitate to give comments. Have a Nice Day.  

Read More

How To Use ALT Attribute For Images In Blogger ? Image Optimization

Do you know what is image optimization? Do you know you are losing hundred of your visitors daily just because of one mistake ? Are you optimizing your images in proper way? Answer to all these question are mentioned below in very easy language. 
Image optimization is key to on page optimization. Google search engine bot can't read images unless you add some alt text or description to your image. Proper name to image, adding alt title, alt text and captions are some useful strategies through which you can improve your traffic. Blog posts with no images are the most boring stuff on internet. There is very limited possibility that someone completely read that type of blog posts. Images basically add visual effects to blog posts and also it attracts reader attention. Most of the peoples used Google image search for finding their quires. They search images for their wallpapers, social media updates, blog posts and education. If you properly tag your image it is possible that they will find your image and visit your blog. Don't try to add irrelevant tags to your image. Also keep keywords use limited while describing an image.
Previously bloggers manually add alt text to their images. It was very difficult and need to set up custom HTML code. Now blogger team has added this feature in post editor. You can now easily add title text, alt text and image caption to any of your image. Let's see how to do this.

Go to post editor and upload any image. Click on that image and select properties. See below image for more clear view.

Adding Title Text For Images

When you select properties new pop up box will open asking you to enter Title text and alt text. Enter the title text that best matches your image. This Title text will be displayed on mouse hover. This basically defines the image. It tells what author what to convey to their readers.

Adding Alt Text For Images

The second blank is for alt text. See the above image. You will get some idea how your alt text must be written. Tip on writing alt text: Keep words limited. Not more than 3 or 4 words. Add - or + sign between words. Use keywords but that must be relevant to image. 

This alt text is not displayed. It is basically used by image search engines like Google, yahoo and bing. They arrange their data according to these stuffs. 

Some Other Things To Remember

There are some other things that you must know for best image optimization. I have explained them in my previous articles but for your convenience i am giving short description here. 

Image Size: Keep image size low. Use Adobe Photoshop for this purpose. Compress your image before uploading to post editor using online image compression tools.

Image name: Image name is another very important wat to drive more traffic. When you save your image, give it proper name related to your blog post. Don't just leave it 'untitled' for don't give any numeric value. Give it proper name with at-least 3 or 4 words.

This is all for today. Keep care of your future posts and add these tags. Share it with your friends if you like this article. Get subscribed for daily updates. Have a Nice Day.  

Read More