- NewspaperRetina Images
- Thumbnails vs. Featured image size
- NewspaperIntroduction to CPT and ACF with Newspaper Theme
- NewspaperFlex Block Settings Guide
- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperBig Grid Flex Settings
- NewspaperAd Box Element and Ads Overview
- NewspapertagDiv Composer Tutorial
- NewsmagAbove footer ads
- NewsmagSmart list ads
- NewspaperThe Mobile Theme
- NewsmagUsing other ads
- NewsmagArticle ads
- NewsmagSidebar ads
- NewsmagHeader ads
- NewsmagTheme thumbs
- NewsmagFont customization
- NewspaperUsing Other Ads
- NewspaperTheme Thumbs
- NewspaperHeader ads
Yes, a desktop image of 640 is still shown at a relative pixel “size” in dimensions of 320 when shown at half size; so it doubles the perceived density when resized (I am a ceritified Photoshop guru for 20 years, fyi).
In any case, images look great how we do it. Your mileage may vary. 🙂
The new WP process is to load “smaller” images at smaller “dimensional” sizes, not “higher resolution” images at smaller sizes.
pixel density of a web image is still ostensibly 72, 96, or 100ppi for the actual image itself. You’re not saving out web images at 300ppi; and again, relative perception of the larger image when resized at one half has an effective instant doubling of the density. Try it 🙂
That was very helpful. Thank you.
Is there a handy guide, FAQ or doc that has image sizes used for each module? I see that this info is in the theme panel next to each on/off switch. Good idea!
That would save me from having to go through each page with inspect element.
Also, is there a way to get the image creation for the modules to only apply to the featured image? Since that is what is displayed? All images uploaded to the image library appear to be resized for all module viewports.
-
This reply was modified 10 years by
Breakwater.
Hello,
Our theme does not use the 640px thumbnail but rather the 696 px thumb: http://screencast.com/t/tpHgwbowU9cp There is no 640 thumb. All the thumbnails used can be seen in the theme panel section. There is something else affecting your images that does not come from the theme.It resizes your images to 640px Please try it without plugins and see how it goes.
Thank you!
-
This reply was modified 10 years by
Bogdan B..
I am trying to add a few custom image sizes inside the functions.php of the child theme. I add the code below and then run Regenerate Thumbnails on an image, but it doesn’t create any of my custom image sizes. I know the plugin is working because if I delete one of the existing thumbs, it recreates it.
Am I doing something wrong?
function custom_image_sizes() {
add_image_size("custom-thumb", 218, 125, true);
add_image_size("custom-large-thumb", 290, 166, true);
add_image_size("custom-medium", 532, 304, true);
add_image_size("custom-slider", 700, 400, true);
}
add_action('after_setup_theme', 'custom_image_sizes', 11);
Hello
When you write an article, some time you want to add big images.
Meaning these images must fit perfectly to the width on the central element of the page.
When I look here the code, it seems on video that the width is precisely 696 px:
http://www.virtualmagie.com/articles/critiques/matos/jeu-de-cartes-bicycle-fireworks/
But in admin, I only could choose 640p.
So, like you see in the page, it is to short and not cool.
So I am oblige to change to each image the size.
But it is a waste of time.
For example on these page, I did it for the last image before the video.
I install “Simple Image Sizes” but never manage to force the 696p (and my dev too).
In admin I put 696p but always propose me 640p large and medium version when I try to insert an image in a post. 🙁
I think it will be cool and necesserary if in the next update the large image width become 696p instead of 640.
Regards
Greetings,
We have been using Newsmag for almost a full year. Great theme! Seeing 20k visitors and 44k pageviews a month.
Quick question, our /upload folder has grown in size considerably. Are there any suggestions on how to manage the large image library that we have accumulated? @neotrope (Chris S) ?
We have 510 posts and 42 pages. http://bit.ly/1AOikBD
Our image library has 4,602 items in it.
The theme makes about 18 copies of each image for use in the theme and different display ports, but this has really added up to a problem on disk. Our install is currently at almost 10gb on disk.
Does anyone have any suggestions on how to curb this beast?
Can we turn off some of the display sizes the theme uses or creates? How can we go back and delete only certain sizes?
Thank you.
Check permissions on your media folder; should be writable.
Some auto-updates of WP can reset this with permission too low.
Try resaving the default media sizes in the WP admin panel.
Be sure to clear all caching (any plugins); *and* in your web browser.
Turn off any/all image plugins (optimizers, Photon, etc.).
Nothing to do with theme. Theme doesn’t control the media manager.
There is 2MB file size limit, but no limit on the image size, ad WP has it set by default. You might try changing the default sizes in the WP admin panel for media?
Also clear all caching, rest any CDN, etc.
Hi
I spouse that you want to use more portrait images, like this one for example: http://screencast.com/t/Es4wDyBuYK8v To achieve that basically you need a different implementation for theme’s thumbs. You can change the thumbs sizes or register new thumbs, in td_config.php http://screencast.com/t/EfgcSYkq in order to get a different aspect ratio. Note that this is a complex task wich require lots of customizations in theme core files and also involve good coding skills. If you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer customization services at the moment.
Thanks!
Hello, I want to adapt the theme to a book format. As I can do to make the images more high than wide? As a book cover
Hello,
I do not know what theme version you are using, but since newspaper 6 we added this menu: http://screencast.com/t/kaW2Tl0r92M where you can select the thumbs you want to use and avoid creating too many image sizes. Just keep in mind that already created images will not be removed by the theme. For this you will need the force regenerate plugin.
If you require an update you can follow this topic to see how it can be done: https://forum.tagdiv.com/how-to-update-the-theme-2/
Thank you!
Hello sir,
I want to ask if i upload any image into wordpress media then additional sizes created automatically. But what if only post featured image create additional sizes not other uploaded into post. Like if i have to upload many images into post but only one to add in featured then all the images creating many sizes and this thing increase memory size and also increase backup size.
I know you have added awesome feature in your 5th update to stop sizes that we don’t need to use on site.
Hi,
sadly that option didn’t work as intended either. The images for Block 4 was too small and the images for block 7 was too big (overlapping).
I tried another solution from the forum: https://forum.tagdiv.com/topic/thumbnails-square-featured-image-is-not/
I’ve added this to td_config.php:
td_api_thumb::add('sb_324x324',
array(
'name' => 'sb_324x324',
'width' => 324,
'height' => 324,
'crop' => array('center', 'top'),
'post_format_icon_size' => 'normal',
'used_on' => array(
'Module 1, 2', 'Block 2, 3, 4, Big grid 2'
)
)
);
td_api_thumb::add('sb_100x100',
array(
'name' => 'sb_100x100',
'width' => 100,
'height' => 100,
'crop' => array('center', 'top'),
'post_format_icon_size' => 'small',
'used_on' => array(
'Module 6, 7', 'Block 1, 2, 7, 8, 16'
)
)
);
Then changed td_module_2.php:
<?php echo $this->get_image('sb_324x324');?>
This gives me the sizes I want for my thumbs. But the text is still positioned as it’s the old sized thumbnails. Do I need to add some css to push the text down?
Thanks
-
This reply was modified 10 years by
creactivate.
Hi catalin,
I tried disabling plugs in on the main plugins tab of WordPress as well as the plugins on NewsMag panel. But it didnt work. My suspects are the new plugs in installed by my friend:
Autoptimize
Optimizes your website, concatenating the CSS and JavaScript code, and compressing it.
EWWW Image Optimizer
Reduce file sizes for images within WordPress including NextGEN Gallery and GRAND FlAGallery. Uses jpegtran, optipng/pngout, and gifsicle.
Unveil Lazy Load
This plugin makes lazy-image-load possible to decrease number of requests and improve page loading time, and uses a lightweight jQuery plugin created by optimizing Unveil.js in order to only load an image when it’s visible in the viewport.
ZenCache
ZenCache is an advanced WordPress caching plugin inspired by simplicity. Speed up your site (BIG time!) with a reliable and fast WordPress cache.
But not sure on which one from them or if there is any.
The AJAX Preload stopped working last week while the Smart sidebar just a couple of days ago, I can’t track if which plugin has affected it.
My other suspect for the Smart Sidebar is that I put an tagdive Slide. I already removed it tho.
Thanks
Hi,
I’ve added a background image to my wordpress site with Newsmag theme (http://352.be7.myftpupload.com/).
I’m trying, with no success, to make the background image resizable when you zoom-in/zoom-out the site page. The site page correctly resizes on the zoom but the background image remains to its original size, so that it doesn’t fit the new zoomed page size. How I can manage the background image auto-resize?
Thanks a lot for any appreciated help
Giuseppe Maio
Hi,
All the featured images are cropped to different sizes to fit on our modules but also to fit in the post templates, please check this section and see that also for post pages(some of them) the uploaded images are cropped – http://screencast.com/t/liUzod9X
So for example if you use a small image size it will not be resized, but you can try this custom css in Theme Panel > Custom Css for default post style – http://screencast.com/t/DWb7ZEMsoOP
.td-post-template-default .td-post-featured-image img {
width: 100% !important;
}
Thanks!
Sorry, this is an example link
southafricanshop .com /buy/liquor-store/beer-cider
you will see the image all different sizes and as it’s bottles, well, they huge instead of all organised.
Hello,
I have changed image sizes, or corrected them for products and regenerated the thumbnails but it’s still displaying products with massive height images as well, massive.
So the height:auto is not working but if I set it to height:200px as below:
.woocommerce ul.products li.product a img {
height: 200px;
}
It works… but it distorts the image.
If you can please help me to set thumbnail to max 200px and the bit of css that will help prevent it distorting.
Thank you in advance
I’m trying to ad a background image for category pages. My initial hope is that it could be set to appear in the area behind the Style 6 or Style 8 so its crisp and clean.
However if it has to go behind the whole page that could work also.
Do you have a template for dimensions of the image. I have been trying multiple sizes and can’t seem to get anything to work.
Thanks
Hi
I am not sure what post template you’re using and also what customizations you did. Usually the post content and the featured image sizes are fixed and can’t be modified without altering other elements from the page. Please provide more details in this regard and a link where we can inspect this and maybe we can help you.
Thanks!
Hi,
Please try to regenerate thumbnails to fix this issue – http://screencast.com/t/hKa29E3AB8 – https://forum.tagdiv.com/existing-content/ Also note that the featured image should have at least the sizes of thumb’s container, because WordPress doesn’t enlarges images. If you use smaller images you will have to use a plugin like Thumbnail Upcale in combination with Force Regenerate you can find more details regarding this here – https://forum.tagdiv.com/thumbnails-vs-featured-image-size/ – https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Also please provide more details about the author picture. Do you refer to this? – http://screencast.com/t/M8DLf3AFBOa
We recommend Wp User Avatar plugin to add a custom picture for author, we use it also on our demo.
Thanks!
Hello,
You can use this custom css to increase the image sizes:
.flickr_badge_image{
width:98px;
height:84px;
}
If this is not what you mean, please provide more details so we can understand the issue better.
Thank you!
Hi,
Please try to regenerate thumbnails and see if you still have this issue – https://forum.tagdiv.com/using-the-theme-with-existing-content/ Please note that the featured image should have at least the sizes of thumb’s container, because WordPress doesn’t enlarges images.
1. You can add background color to the row or column – http://screencast.com/t/rHdQhbEewU please check this topic as reference – https://forum.tagdiv.com/topic/background-in-header/
2. Also the non-parent category(without subcategories) can be made megamenu please check documentation – https://forum.tagdiv.com/mega-menu/
3. Yes it is possible, just use the default page template and set infinte load for last block from your content – http://screencast.com/t/3UaBmanKm8l
4. You can disable author box from Theme Panel > Post Settings – http://screencast.com/t/y1IKgjON
Thanks!
Thank Ing Geek,
But I used the automatic posting and I can not be editing image in the post. It is completely automatic.
I have installed as your guide:
– Force Regenerate Thumbnails
– Easy Thumbnail Sizes
– Thumbnail Upscale
But it had not worked.
You have no other way?
Thank you !
I tried to place a banner ad on a post, but the images in the post change to a very large, full page size whenever I put an ad on the post.
How do I add a banner ad to my posts without having the images in the post change sizes?
Thank you.