Tagged: resolution content images width
September 14, 2017 at 11:13 am #4101
again thank you for your great theme Anemone!
Now i have a question concerning image sizes. You mention that site hero should at least be 200px x 800px and custom header at least 1920px x 200px.
But what is the best size for images in the content? As result they are 750px in width. But if i resize the images to 750px with photoshop, the images look a bit worse than if i use higher widths like for example 1200px. Can you please explain me, how i calculate the best width for images in the content?
SimonSeptember 18, 2017 at 2:20 pm #4108
Anemone theme has following image sizes,
Anemone Thumbnail: 150 x 150
Anemone Featured: 720 x 540
Anemone Featured Hero: 2000 x 800
Anemone Post Carousel: 750 x 750
We normally recommend to use biggest and sharp post thumbnail as you can. Suppose you upload a big post thumbnail that is larger than Anemone Featured Hero, So it will cover all the available sizes automatically.
For most of our demos, we use minimum of 2400 x 1800 images. We ensure that width should be 2400 and height can vary depending on the image. In this case, these images satisfy the every available size of theme.
Big sizes also support you when you are willing to change the theme. You only need to run Regenerate Thumbnail plugin and that’s all.
ThanksSeptember 18, 2017 at 8:44 pm #4109
thank you for your answer! But what about the images in the content? Because i use a lot of images, it is difficult for me to use all the images in the content in a very high resolution because the file size becomes to big. So it would really help me to know the least optimal resolution for images in the content.
SimonSeptember 20, 2017 at 5:25 am #4110
Above all discussion is related to Featured Image only. You only need to set your Featured Image with high resolution.
You have no need to use all big images for Post content. You can use any image small or big in the Post content. Themes use Featured Images for their show case like Site Hero, Featured Image, Post Carousel etc.
Hope it will help you.
ThanksSeptember 20, 2017 at 5:30 am #4111
Further, Content Width of Anemone is 750 with Sidebar and 1140 without sidebar. So, if you want to cover the Content width you can use content image accordingly.
Any big image will be adjusted in the content automatically due to responsive behaviour.
ThanksSeptember 20, 2017 at 7:45 am #4112
and thank you again. But that is exactly what i ment in my first post. If i use my images in the content with 750px width (adjusted with photoshop), they look worse than images with for example 1200px width.
So i guess that the Anemone-adjust-to-750px-function works better than the photoshop-adjust-to-750px. And that sounds a bit strange to me. And i hoped you can explain, why this happens in my case. And if there is an optimum width for images in the content. Maybe 1200px or more – even if the resulting width is just 750px.
SimonSeptember 21, 2017 at 5:59 am #4113
There is no specific or optimal width. Let me explain a little 🙂
Content Width: 750px
Case 1: Uploaded Image width is 750px or less than 750px.
Result: Image will be displayed without responsive resizing in browser.
Case 2: Uploaded Image width is greater than 750px
Result: Now the image will be responsive resized in the browser. Resizing will maintain aspect ratio. Now you can learn the Aspect Ratio by uploading images with different widths and heights. It is just like resizing in Photoshop. If the height is two big than the result will be different and if the height is small result will be different.
To avoid such confusion, we use good portrait or landscape images with the optimum width and height by keeping the file size in mind.
Your observation is sharp, Yes image with 1200px width with the standard height is a good option.
I hope it will help you.
- You must be logged in to reply to this topic.