How to fix blurry images in Blogger

Blogger is one of the oldest platform for blogging, and many people still use it for their 
blogging journey.
It's a great platform to start with but as you get more and more familiar with it, you'll find some issues in it. And one of the 
issues which I have found in blogger is the Bad Image Quality, When you upload any image in your post, Blogger will automatically reduce the quality of it, 
Which not only looks terrible but also gives a negative impression on your Audience.



And there is no such way to directly fix it. And we all know how much time it takes to make thumbnail for each of the post. 
I have also read some of the other articles on how to improve Image quality in blogger and in most of them they just disable some features of the google plus to Stop your image from ruining by the google. But now, As you know google plus is 
Shutting down so there is no such way to disable those buttons in the future. Now to tackle this issue you have to manually add some code for your image in the HTML editor of your post, But don't 
worry I'm with you in every steps.
So just follow the below steps to get the best quality out of 
your Image.
Step 1. Go to Blogger.com and from here click on new post or just edit the old one, and then upload your desired image that you want to show in your post.

Step 2. And now insert your image wherever you want to show in the post (middle, top, Bottom).
Now do a right click on the image and copy the link address of it.



Step 3. After copying the link, Now remove that image from your post. And now pick the nearest word where you want to set that image, and keep that word in mind or just copy it.



Step 4. Now tap on HTML and do a empty click in the code. From there tap on ctrl + f on your keyboard, and search for that word.

After finding the word paste this Code near of that word, after 
a closing tag.

<img src="Your Image link" width="" height="" />





Now in the place of Your image link paste the link of your image that you have copied before, And in the Width, Height  column you can try the below sizes.

Height = 180 to 300
Width  = 320 to 380

https://www.techhsavy.com/2019/05/how-to-free-up-space-on-your-device.html  

Note, These are just the sizes of the most common images, you can also try out any size you want, It's all up to you. And before 

previewing them don't forget to save them each time you change the size. Make sure to enter them in between the ( " " )


So that's all for Today!! If you have any queries or suggestions regards this, feel free to comment down below.

Posts you may like

15 comments:

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. Thanks a lot very much for the high quality and results-oriented help. I won’t think twice to endorse your blog post to anybody who wants and needs support about this areaca firms in dubai

    ReplyDelete

  3. awesome website blog keep it up the good work
    Jokes in Urdu

    ReplyDelete
  4. Your all guidelines are important as well as best one and I am sure that this will help us all to fix blurry images in blogger even if there are some graphic design services to help.

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. Really great post, please always share this type of information.
    The Revolution of USA Top Entrepreneur

    ReplyDelete