Images not sharp
-
Why do images look share in draft but not when published? I opened google+ and the same image in the same browser is sharp but not on my blog.
The blog I need help with is: (visible only to logged in users)
-
What are the sizes of the images? Every theme has a maximum displayed image width. Yet we have people post here every day and when I check out the images they don’t like the image quality of I discover that they are posting them straight from their cameras at HUGE widths like 4000 pixels. Is over-sized images a factor in your case?
-
All images ought to be compressed for the web 72 dpi and presized prior to uploading. If you want better image quality use an image editing application to re-size copies of your images to the specific dimensions required then upload and insert those copies. Then you will have the best image quality, you will not waste your free media storage space, and you will not be troubleshooting images.
http://onecoolsitebloggingtips.com/2012/03/26/cropper-or-proper-image-preparation/ -
I actually tried resizing but I still don’t see the images as sharp as they appear in draft mode. When I post the photos dpi is at 72 and I reduce the image quality to 12 which is sufficient for web i guess. The height and width is kept original. I even tried reducing the image in another software to 640×425 which seems the theme’s supported dimension but still don’t see the result…I’m using theme Twenty Twelve..
-
640×425 which seems the theme’s supported dimension
Where did you see this? First, the important thing is the pixel width only: the height is irrelevant (because each theme has a specific main column width or max width, while the height of each post is unlimited). Second, the max width on 2012 isn’t 640, it’s 625.
The original you have uploaded and inserted in your latest post is 2395px wide (almost four times the maximum the theme can accommodate without scaling it down). As timethief explained, when you do this you get worse quality and you waste your storage space (plus you increase the loading time of your page). If you want no loss of color and sharpness on the post, you need to resize copies of your images to 625px wide (or less) and upload/insert these copies, selecting the full-size option. If you don’t want to do this, insert thumbnails that link to the full-size original when clicked. -
thanks for your valuable inputs guys. Here’s a post I edited with resized photo with dimentions as mentioned above. But I still dont like it. May be this is more of a browser issue than wordpress because the same image is looking sharp in firefox browser.
http://vedupadhyay.wordpress.com/2013/02/04/working-women-of-india/
Thanks everyone for your time! -
Yup: looks ok in my Firefox but poorer in my Safari. Different browsers may interpret distances a little bit different, so try 624 instead of 625 (I’m not joking). Also, captioned images on 2012 get an extra 4px of space around them, which means that a full-size centered captioned image won’t be exactly centered; so for such images I would use 616 instead of 624.
-
-
- The topic ‘Images not sharp’ is closed to new replies.
WordPress.com Forums 