Image resolutions

Posted in: Newspaper
Post count: 29

Hello,

Is there a way to know what is the recommended resolution of each of the block types, such as the images on the home page and the posts.

Also, I’m taking a lot of images from the web on my website. Is there a recommended tool to resize and optimize images to be used with the theme?

Thanks,
Matt

Post count: 23312

Hi,

Please notice that our theme uses thumbs and the images will be cut accordingly with these. Please check here -> https://forum.tagdiv.com/theme-thumbs/ Also, if you want to resize the images, you can try using the Tinypng online tool, as an example from here -> https://tinypng.com/ or also, you can do it from the theme core from here -> https://www.screencast.com/t/toghujSx

Thanks for your understanding!

Post count: 29

Thanks for the reply. If I choose the default Post Template as Style 2, how can I figure out what is the recommended thumbnail size used here?

Also, on my homepage, I’m using Big Grid 2. So when I go to Block Settings to reference the resolutions, I notice that Big Grid 2 is references in multiple places with 324 X 160 and 741 X 486. What does this mean?

In a situation where I have a featured image on a post also showing up in the homepage Big Grid 2 and/or Block 11, how do I optimize the single image I am uploading?

Thanks,
Matt

Post count: 23312

Hi,

Please notice that we do not have any recommended size for your thumbnails used by you in the theme. If you want to optimize your images, you need to use the Photoshop or TinyPNG or you can make it from the code, as you can see here -> https://www.screencast.com/t/Q9b6jtRIjd5z

Thanks for your understanding!

Post count: 29

Hi,

If you don’t have any recommended size, when what do these resolutions mean? https://www.screencast.com/t/Bgp6wElkwXd2

Thanks

Post count: 20688

Hi,

Those are the thumbnail sizes the theme creates from the images you use as featured

https://forum.tagdiv.com/featured-image-or-video/
https://forum.tagdiv.com/theme-thumbs/
https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
https://forum.tagdiv.com/featured-image/

The theme will crop the thumbnails center top. Using thumbnails instead of the original images has a major positive impact on page size. So you can use images that are bigger than the sizes of the thumbnails as they will not be displayed in full. Depending on the original image aspect ratio and the module/block/grid used, the results will be different.

Let me know if you have more questions.
Thanks

Post count: 29

Hi,

My goal is to upload images that fit as true to size of the thumbnails, so they are not severely cropped and cut off. Is this possible?

If I upload an image that’s close to the thumbnail resolution, won’t that achieve the goal? Or would that not be possible because a featured image can be used in various thumbnails with different resolutions?

Thanks,
Matt

Post count: 20688

Hi,

You could upload an image for example in this size – http://prntscr.com/me5n1d it will look good in the modules that use that size, but in other modules which there will be problems. That is why in order to allow more thumbnails to be produced a larger original image is needed.
The theme will crop the images center top, this was decided to be he best method overall for he thumbnails.

More flexible results can be achieved with flex blocks, these have an option to first choose a thumb size, then modify it’s width and height
http://prntscr.com/me7300
These are block designs made by us based on flex blocks, you can preview and even edit them here
https://affiliate.tagdiv.com/#/load/Blocks
Each can be imported through the cloud library plugin – https://forum.tagdiv.com/tagdiv-cloud-library-plugin/

If you have more questions let me know.

Thanks

Post count: 4

My thumbnails are degraded too much when displayed on blocks, what can I do to increase the image quality? Although I uploaded a larger image and still kept the ratio so that the thumbnail image would show up well, the quality didn’t improve.
Please help me fix this, thank you.

Post count: 20688

Hi,


@ndsonpto
Are you stretching the rows containing the blocks? Loss of quality will happen in this case, a small thumbnails when stretched will degrade as you say.

For wider results use flex blocks or flex grids where a bigger thumbnail can be selected. You can check some block examples in various widths with the links to the cloud library from above.

If the problem is different please post a link to the website where the issue is happening so I can take a look.

Thanks

Post count: 14

I have the same problem and waiting for their help. It’s very strange that the quality of Flex is very good but it is very bad in other blocks. And more strange that they all look good in the Composer mode, and become bad in normal view.

https://forum.tagdiv.com/topic/thumbnails-are-very-blurry/#post-277037

Btw, I don’t think we need upload images with the exact sizes, because everything was fine when I worked with Newsmag.

  • This reply was modified 7 years by dungtrong.
Viewing 11 posts - 1 through 11 (of 11 total)
The forum ‘Newspaper’ is closed to new topics and replies.