![]() It is an even bigger problem with phones where screens are small, connections are slow and data usage may be limited. (A web browser can force images to be any size.) This makes the pages very slow because large images take longer to download than small ones. ![]() Images may look OK with the new theme, but it could be using very large images, like featured images, for thumbnails on certain pages. The new theme will automatically create the image sizes it needs from new images that are uploaded, but old images are unchanged and posts could have either have blurry images or ones that don’t fit the layout. The old theme’s images may be too big or too small for the new theme and may be stretched or shrunk to fit, making them blurred. The same may happen with the featured image in posts or in-article images. Those 900 x 400 images may be stretched to 1100 x 500 and look blurred or they may mess up the slider and ruin the layout. If your last theme required slider images that are 900 x 400 and the new theme requires slide images that are 1100 x 500, then there is a problem. What happens if you then switch to a different theme? You might see one that you really like and install it on your blog or website, only to find that the images are blurred.Įach theme requires different size images and there is no standard. You have been diligent and uploaded images that are the right size and the theme has created the other image sizes that it needs from them. Suppose you have been using a theme for some time and have uploaded lots of images. Image problems switching WordPress themes Most blurring occurs with images that are too small. If you don’t know what size to use, upload a larger image than you might need rather than a smaller one because there is less blurring with shrinking images to fit than with stretching them. Sliders on home pages are one thing, images in posts are another and uploading the right size is important so that no resizing is necessary. It is vital that you upload images of the right size. If this happens, it introduces a lot of blurring in the slider images because they are the wrong size. Slider images must be 1030 x 438, but what if you upload images that are 800 x 400? In this case the theme might stretch the small images to fit, making them larger. Suppose you upload an image that is smaller than required. Shrinking mages introduces a little bit of fuzziness, so uploading the exact size of the largest image is best so no resizing is necessary for that image. If an image is uploaded that is larger, the theme will create the image it needs by resizing it. In the example above, a slider image is required that is 1030 x 438 pixels. If you don’t see lines like these, ask your theme developer which image sizes are best. These are the image sizes that are used by the theme for various things like a slider, featured image, thumbnails and so on. (The true means crop the image if necessary when making these thumbnails.) It depends entirely on the theme and I have seen some with none and others with up to 10. Look for lines like add_image_size(blah, blah…) – you can see four in the example below. ![]() Click functions.php to load it into the editor. The sidebar on the right lists all the files used by the theme. ![]() Go to Appearance > Theme Editor in the WordPress sidebar to open the editor which lets you view the files in a theme. The developer of the theme you use on your site may state the required image sizes in the help files or theme documentation on their site, but there is a quick and easy way to see what sizes are needed. The exact size of these varies from theme to theme. Many themes require images of a specific size and they may require a large one for featured images in posts, a medium size one for images in sliders like on the home page, and a small one for thumbnails in archive list pages. There is no best size for images in WordPress and it all depends on the theme. Upload an image that is too small for your website and the result will be blurred images. When small images are resized to make them larger, it is very noticeable and the larger they become, the more blurred they are. WordPress does not have a sharpening feature, so a slight blurring may be noticeable if you look closely at large images that have been shrunk to fit on a web page. Sometimes it is hard to tell with photographs and it is more obvious with illustrations and screenshots, but it depends on the subject and if you do it in a photo editor, you can apply a bit of sharpening or unsharp mask to the image. When large images are resized to make them smaller, they can become slightly blurred. They struggle to make images sharp and nothing works, so what is the cause? Here are some solutions. A problem that affects some people is fuzzy photos on their WordPress website or blog.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |