Images showing up blurry
I draw pictures for my posts, and for the past month I have used the same image size and uploading routine for each one. However, for the past two weeks, my images show up slightly blurrier than usual. You can see the difference in clearness in the first image on my most recent post and the second image on a post from two weeks ago. I checked that I was uploading them by the same process – upload the image into the post, then go to html and change the width – and even the html codes from the two images I just discussed are exactly the same save their source. Anyone know why this would be happening?
The blog I need help with is paroxysmornews.wordpress.com.
When you upload a larger image than is used in the post, wordpress creates a new image for the post in the maximum width for your particular theme. Your original image, which people can view by clicking on the image, remains the original that you uploaded. To maintain the original image quality you have to do one of two things.
1. Upload two images: 1 at the maximum full-sized image width for your theme, and the larger full-sized image and then you link the smaller image to the larger image.
2. Size the image to the maximum width for your theme and then upload that image and select “none” for the link URL for the image when inserting it.
The resizing that wordpress does will always be of lower quality than what you get out of your image editing or illustration program on your computer.
And I can see the same reduction in image quality on both links you have provided.
Thanks for that amazingly detailed help, sacredpath! Unfortunately, though, that is the very information I used to upload these pictures and I’m still seeing a huge difference. I’m glad to know you don’t notice it, but perhaps I just chose two pictures that were hard to notice. I know that the preview of the pic that they use in the post is always lower quality than the image itself, but for the past two weeks it’s been a substantially lower quality. For instance, I notice extreme blurriness in the first picture (cows) in this post and notice that I can see more pixelation (which in this case, I want) in all of the pictures in my post from two weeks ago. Sorry to keep bugging you about this, but it’s something new and I just don’t understand why it’s happening.
Also you can see clearly the pixelation that I have been getting when I upload pictures in the quality of image in my header illustration.
I’m using Firefox 6.0 and do not see any pixelation in your header or in the first post you point to as compared to the second post. . I’m wondering if you have tried any browser troubleshooting. If your browser version is outdated you can upgrade it here.
When it comes to the WordPress cropper I know image quality will be lost if it comes into play. So I prepare all my header images and images offline to the exact sizes required prior to uploading them, and that means the cropper does not come into play at all so image quality is preserved. Beyond providing these tips tip I’m sorry but we Volunteers cannot help you with this issue.
I do see the pixelation in the header in Safari. When you prepare an image for the header area, prepare it to the exact size required for the header and when saving, make sure and save at 72DPI since that is the standard for the web. If you are using photoshop, or illustrator they have the “save for web & devices” off the file menu which will make sure that the image will appear as crisp and sharp as it can be on the web.
On the images in the posts, you are allowing wordpress to downsize those for use in the post. The URL of the image inserted in the post, and the URL of the image linked to it are the same. As I said, if you create two images, one in the exact size needed to insert into the post (400px wide is what it appears you are using) and then also upload the larger image and then link the smaller image to the larger image, wordpress will not mess with your smaller image.
Anytime wordpress creates a new image to go into your post (because the one you uploaded is too large) there will be a reduction in quality.
♫ good morning to you ♫
Well, I don’t think it’s a browser issue. I’m all updated. I guess since you guys can’t see what I do, this support thread doesn’t really do any good. I know you can’t see the pixelation or differences that I’m pointing out, but that’s not my main concern here. Like I said, I’ve been uploading pictures in the same process with the same widths and sizes and html code and everything for as long as I’ve had the blog. Yet my past two posts have turned up blurrier than all the pictures I’ve had before. I know there is an issue because I can see the difference right in front of me.
Regardless, thank you so much for reaching out and trying to help – I really do appreciate it! But I’m still having the problem, and I’m still confused on why it would happen, why the picture quality would change, if I haven’t changed the way I’m doing things. Usually the same process produces the same results, you know?
Changes are continually being made by Staff to upgrade software and perhaps that’s at play here we Volunteers really don’t know if that’s the case or not. You will have to contact Staff. Here’s the link http://en.support.wordpress.com/contact/ After you use the searchbox, under the search results, at the bottom of the page there will be a section that says “Have you found the answer to your question?” You can choose either “Yes I found the answer to my question.” or “No I didn’t find the answer to my question and I would like to contact support for help.” The no option will reveal the contact form.
Thanks timethief :)
Sorry we couldn’t help resolve this. Best wishes for a happy ending.
The topic ‘Images showing up blurry’ is closed to new replies.