How to fix blurry, Unclear images on Blogger
I was asked a few questions last night about that images on Blogger appearing blurry and more pixelated than normal. I then noticed tweets and comments on the Blogger forum saying an equivalent thing. I don’t know if anything has changed or if it had been just a glitch on Blogger in the week but here’s the way to fix it.
How to improve the standard of your Blogger Images
Upload your image to Blogger as normal. Click over to HTML mode within the post editor and look for the image ASCII text file. You will always see the image code within the code for a link. These dimensions are usually on medium to start with so this is often what it'll probably appear as if
REMOVE BLURR IMAGES FROM BLOG POSTS EXPLAINED IN THIS BELOW VIDEO
<a href="<your image link.JPG>" imageanchor="1"> <img border="0" height="213" src="<your image link.JPG>/>s320/DSC_0003.JPG" width="320" /> </a>
The s320 is your resolution and it determines the standard counting on the dimensions of the image. Notice how the link features a value of s1600, so once you click on the image it appears bigger and of better quality. a picture with the width of 320px will look fine with s320. a picture with a width of 800px will look awful with s320.
How to change the standard
The main options are s320, s640, and s1600 which is that the highest quality. you'll change that a part of the code to be s1600 so it’s
<a href="<your image link.JPG>" imageanchor="1"> <img border="0" src="<your image link.JPG>" width="800" /> </a>
or you can remove s1600/ to line it to original so it’s
<a href="<your image link.JPG>" imageanchor="1"> <img border="0" src="<your image link.JPG>" width="800" /> </a>
How to make sure the highest quality
Apart from the above, there are a few other ways to make sure you’re images are showing within the absolute best quality.
1. Always the thing you have to do is resize your images before uploading to any Blogger and choose “Original Size”. I do know it is tempting you to upload all of them then resize them by using Bloggers resize options or using code to manually or automatically alter the dimension but the photo editing software does how better job than browsers do when resizing images. Plus, allowing your browser to resize it'll hamper your loading time. If you're manually or automatically resizing your image by adding the peak and width values confirm you are using the right method which they're to scale. If you aren’t sure of the size just add a width value without the peak. the peak value is going to be set automatically. this may make sure that your images aren’t being stretched or squished to suit both constraints you set.
I have an enormous list of Photoshop alternatives here and here which will roll in the hay for you. There’s a lot of apps available within the Apple store for this too, including ResizeIt which is free. you'll batch resize multiple images in certain programs to form the method quicker.
2. Typically websites like Flickr and Photobucket are better than Blogger when it involves hosting images in terms of quality and using cleaner code. Simply upload the image there, get the URL and paste it into your post on Blogger. Your images will always be usually loaded quicker when hosted by Blogger though.
3. confirm Google Auto-Enhance is transitioned. albeit you turned it off a couple of months ago, countercheck because it does sometimes switch back on. Instructions on the way to turn it off are often found here.
4. confirm you’re saving your images within the correct file format. If saving it the online on Photoshop or an identical program, countercheck the compression and quality.
Comments
Post a Comment