Hello,
I have read the documentation and numerous threads on this forum, yet I still find myself unclear on the optimal pixel dimensions for uploading images.
I want to be diligent in optimizing the file size in kilobytes and convert them to webp format, however, the optimal pixel dimensions still elude me.
Specifically, for the Pre-Build website Magazine PRO and Default Newspaper PRO, could you please advise on the recommended pixel dimensions for:
– Cover images of posts
– Images inside the posts body
Moreover, I’m also seeking clarity on the functionality of “retina images” within Newspaper 12.
Are they solely the thumbnails generated by the theme?
When I activate the option for retina images, do I continue to upload only one version of the cover image and those embedded within the posts—is this the correct procedure? Do the pixel dimensions remain consistent regardless?
These may come across as rudimentary inquiries from a novice, yet I genuinely have yet to grasp these aspects.
Thank you for your patience.
Warm regards,
Mariano
Hello Mariano!
If you upload an image that is smaller than your size from settings, then this could appear blurry and not of high quality. I suggest you upload the images in your Media Library in full size (1920 px): https://prnt.sc/YzxtrT24bGKM
In the tagdiv Composer, you can use any size that will look better on your website.
Or check out this guide to check the ideal sizes for SEO: https://flothemes.com/flothemes-image-sizes/
Our recommendation is https://prnt.sc/oF12rwqmqAh7
Thank you!
Hello Bettina,
thank you for the fast reply.
Even me being a beginner, I can understand that “If you upload an image that is smaller than your size from settings, then this could appear blurry and not of high quality”.
The issue is understanding what “size from settings” is for cover images and images inserted within the body of the posts.
I read the article you linked, and following the advice from the article I had a look at the detailed information of the images of the two Pre-Build website Magazine PRO and Default Newspaper PRO with the plugin suggested by the article.
They are all 696px wide, both the cover images and those inside the text… so: why do you suggest uploading them at 1920px?
If I upload an image that is 1920px wide and let’s say weighs 400Kb, then does the theme automatically load a cropped version at 696px which is much lighter than the original 1920px of 400Kb when it displays it within the text?
I ask this because after checking several images in the two Pre-Build website Magazine PRO and Default Newspaper PRO all very light because small images wide 696px, then I found one always displayed at 696px but wide +1000px much heavier.
So I still have doubts.
Thanks
Hello!
All the images are in full size in the Media Library. We’ve choose to crop them automatically by regenerating the thumbs: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Thank you!
Bettina,
you did not answer my question.
And furthermore, you sent me a link to an explanation that has nothing to do with what I wrote.
I’m sorry if my stupid beginner questions bore you,
but consider that if all of us customers were super experts you and those who provide technical support would all be unemployed.
However, since one of the reasons I paid for this theme is to have technical support, I insist on the question:
If I upload an image that is 1920px wide and weighs 400Kb, then does the theme automatically load a cropped version at 696px which is much lighter than the original 1920px of 400Kb when it displays it within the text of a post? Or even if it displays it at 696px, will the page still have to load the full 400Kb of the image?
Using the plugin recommended by the article that you pointed out to me on one of your sample pages (which is supposed to be super optimized) it seems that the weight of the image is the original one even if displayed at 696px.
page: https://cloud.tagdiv.com/how-to-use-basic-design-principles-to-decorate-your-home/
According to the plugin that you (indirectly) recommended, the first image displayed in the text of this sample post is 1920x1280px and weighs 265Kb even when displayed at 696px, whereas according to pagespeed it weighs 36Kb.
Hello Mariano!
Yes. If you run this plugin: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/, then the images will automatically be cropped for blocks.
This will help to improve your page speed, but also to fit the images in the blocks.
For other places, you can choose the sizes you want. For example, here: https://cloud.tagdiv.com/how-to-use-basic-design-principles-to-decorate-your-home/ the image you talk about is a featured image, which we chose to display in full size.
We’re here to help you and answer all your questions.
Thank you!