No search results were found in Documentation!
Hi,
It was supposed to be this guide, but my colleague made a mistake
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Try regenerating the thumbnails and the issue should be solved. Also make sure the thumbnails sizes are enabled in the theme panel
– https://forum.tagdiv.com/theme-thumbs/
After the regeneration process is complete, clear any caching installed.
Thanks
WordPress creates multiple sizes for anything you upload to the media manager – unrelated to any theme. You can set those sites in the WP theme panel — see WordPress.org for more info on how the base functionality of WordPress handles media uploads for more info.
You *can* hack WP via functions to disable that. I think our solution the past 10 years was to set the WP media default sizes in WP settings to same size as those we upload and to the common ones used in theme to not end up with duplicates. Meaning if all the images we upload are 600×450, then our default medium size was 600×450, and the small size was one of the module sizes for sidebar.
WordPress creates multiple images for mobile — for the “srcset” function, and you can see this if you look at your page source ‘view source’ in your browser, for a post.
If you want zero thumbs/srcset images for images placed further down in posts/pages, you can simply upload those files via FTP to an image folder, and place the actual URL into the post using normal html.
<img src="https://mysite/images/my-photo-700x335.jpg" alt="" width="700" height="335" />
Welcome to WordPress! 🙂
( I don’t work here. )
Hi,
I want to have the featured image and thumbnail be standard 4/3 capability so none of the image is lost in either the featured image or thumnail. Which of your theme categories/styles combinations accomodate this.
Currently my featured image and thumbnail image ratios are not the same so I am losing part of the image. Also I would like to use standardised 4/3 ratio so I can use the free images available online.
Thanks for your help.
Eamonn
Hi Tagdiv Team,
When i am adding featured image to post it is creating multiple images based on the sizes mentioned in theme panel, But the images within the content are also creating multiple images.
Can i restrict that only featured images can only be recreated based on the Theme specified sizes and not the images with in the content.
Thanks
Hi,
Please follow this guide and regenerate the thumbnails needed for the modules. This process will recreate all the thumbnail sizes needed, if they are enabled in the theme panel
– https://forum.tagdiv.com/theme-thumbs/
This is the guide
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
After the regeneration process is complete, clear any installed cache and check the results.
Thanks
The ad system supports multiple image sizes for mobile optimization, just like WordPress srcset.
You can put a simple ad unit in the sidebar widget as a text box, and if WP doesn’t scale in sidebar, just ad the normal CSS for responsive images (e.g., width:100%;max-width:300px;height:auto; ).
That’s what I do with locally hosted ads.
( I don’t work here; so feel free to ignore my input! )
Hi,
I believe that using such big images in the post content, would not be necessary. The post content width is 696px, so it would be best if you would use images around this size.
Bigger images are not necessary, since they will only be displayed in the post content.
If you would like to use images with bigger sizes or it is necessary, you can try modifying the WordPress thumbnail size
– https://www.screencast.com/t/uUqt3tzPh4
Try modifying the medium size for example to a size you want, and then upload a new image in the library, and select the medium size when inserting it in the post content.
Thanks
Hi,
You could try a plugin maybe that can automatically take the first image found in a post, and set it as featured image. Some users have tried in similar situations the Auto Post Thumbnail plugin.
The modules of the theme use the thumbnails created when the featured image is set for the post
– https://www.screencast.com/t/8u6A2HtwQKX
This function is defined here
– https://www.screencast.com/t/FjO3tQGgYLk8
And the thumbnail sizes here
– https://www.screencast.com/t/uOwnFjgwN
Thanks
Are you using responsive ads?
If you’re using custom ads, you need to put in smaller image sizes for mobile devices or wrap the div in responsive css and/or the image with a 100% width plug max-width class.
Hi there Newspaper team! 🙂
I have a question concerning thumbnail sizes. The post content width is 696px in Newspaper. However, you only get to choose between image widths 640px and Full Size when adding a media.
Bogdan, you wrote in the forum topic https://forum.tagdiv.com/topic/large-image-size-not-reflecting-media-settings/ that the 696px thumb is displayed automatically:
“Add the full width image to your post and the theme will use a thumbnail of 696 pixels which is the max content. It will not add the full image size.”
It doesn’t seem to be true. If you select Full Size when adding a picture, a full size picture will be displayed. Though there seems to be a 696px thumbnail, the post does not use is. Please see the following page i created on my site in order to explain:
http://www.parismalanders.com/test-image-size/
I checked this site from your Showcase to see if my problem was isolated, but it seems there is the same issue:
http://www.gloholiday.com/moving-new-home-sun/
This is I think a very important issue, especially concerning page speed.
Let’s say you upload four amazing pictures 1600*1400 (each 2MB) and insert them into a post in full size. The user will then have to load 8MB to see the four images, instead of the much smaller 696px thumbs. The problems is of course even more important for people using a mobile.
I am struggling with this problem since I use newspaper. I am forced to compress my pictures a lot, in order to obtain reasonable file sizes with bigger pictures (I use 1024 or 1280), which diminishes a lot the quality of the picture.
I’d be happy to hear your thoughts about that! Am I doing something wrong or is there really an issue here?
Best, Roman
Hello lethow,
Sorry for this but please notice that what you are trying to do is to create a new thumb which crops the images on that sizes. Notice that is not a simple task and if you are not aware of the steps which are needed to take in this regard and if you do not know what files are needed to be edited and what custom code is required for this, please consider hiring a freelancer/developer to help you because we cannot provide custom services at the moment, sorry!
Thanks for the message!
@JA – thanks to Chris S for this! 😉
What you can do, and what is commonly done in WordPress news portals, is upload images via FTP into an /images/ folder, and then put the explicit URL for the image in the HTML of the article, and don’t use the media manager except for the featured image.
Note that WP makes images from anything added to the media manager, per the default sizes shown on the settings > media page for *all* themes, defaulting to those most commonly used by the default blog themes included with WP.
So, *all* themes follow this behavior by adding additional add image classes to fit theme layouts, and for this theme they can be disabled based on the theme panel.
The only solution that works across all themes, is to simply use the FTP method for common images, and then use the media manager only for the ‘featured’ image for a story.
Anyway, that’s how we’ve done it the past 12 years on our news portals.
as a consequence of upgrading to 8 and the subsequent image thumbnail regeneration of all new image sizes, the number of files in my uploads folder went through the roof and pushed me to the limit of my host allowance.
there are one or two plug ins trying to do that job, but reality is that if you are on the type of hosting where that file number is an issue, you probably won’t have the resources to run them. very buggy anyway looking at reviews.
i found a very useful and relatively straightforward method of deleting all of the old and no longer needed image thumbnails, in my case about 60,000, using ftp – sound advice from a hard core tech at cPanel.
I would be happy to write a ‘how to’ post the benefit of other users in the same boat – but do you allow that sort of thing? a guide written by a user?
Hey Chris,
Thanks a bunch for your feedback! I’ll first complete building the website (it’s still in development) and then figure out which sizes are being used, after which I will turn the rest off. Just for my information, what happens if I upload an image at a later stage and use a block for which the size has been turned off?
Thanks again and have a good one!
Well, look at the modules you actually use, look at the image sizes, then only enable those. if you were doing new site, I’d suggest turning them all off, and then when you have the default thumbs, then only turn on those sizes.
So, for our site we try to only use ONE size on sidebars, for example, and on home page we try to only use 4 sizes, one of those being same as the sidebar size.
As it says, disable the image sizes you’re not using from the theme panel.
Also, consider using the built-in compression features of your web server, so that when WP adds items to the media system you have higher compression level than default; and perhaps optimize images in Photoshop prior to upload.
Not sure that helped, but it’s what we do here.
I’m currently having problems on my new WordPress-website to upload new media with automatic image compression. These images are never larger dan 200 kilobytes, but still can take up to a minute (per image!) to upload.
I’ve contacted the developer of the TinyPNG-WordPress plugin (although I also got the same result with Smush It) and said the following:
In the attachment of this mail you can find a basic image (bixby.jpg) which is compressed to around 60-70% using Gimp, a screencapture (Capture.png) of the grey box with the blue bar, and finally of the file compression page you referred to in your mail. It seems around 20 different versions get created. The whole process per images takes well over a minute, so uploading 5-10 images for a basic article is nearly impossible.
They gave me the the following reply:
“There is nothing strange with the image itself. Just compressing that image using the web interface is almost instant for me. I also tried compressing the image using the WordPress plugin using 5 different sizes and that took about 15 seconds. If you have about 20 different sizes then it’s not too strange that it can take a minute or more. There are of course other factors as well that may cause it too take longer but the biggest culprit in this case is the amount of sizes per images that have to be compressed.
My advice would be to check which of these sizes you really need for your site. We see very often that users have themes that have 15+ image sizes for each image but they sometime only use as little as 3 of those sizes. If you can deselect some of those sizes you will immediately gain a huge speedup.”
Could you tell me what the best course of action is?
Hello,
the tagdiv composer will resize the single image element to 200 px by default if another value is not set to it. Please edit the page in the tagdiv composer and set the sizes again for those images. It is recommend to re-create the whole page if the settings do not apply as there could be problems in editing a p[age in the new page builder if it was originally created with the old one.
Thank you!
Hi,
You can create topics and post your questions here on the forum. We will try our best to help you. Provide details about what you need help with, so we can give you more accurate answers.
The menu can be edited as usual, in Appearance->Menus
– https://www.screencast.com/t/otEZqGT0odv
There you can create new menus and manage their locations as well.
Each module requires a particular thumbnail size. The thumbnail sizes must be enabled in the theme panel
– https://forum.tagdiv.com/theme-thumbs/
These sizes will be automatically created from the featured images you use for your posts
– https://forum.tagdiv.com/featured-image/
– https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
Please let us know if you need help, or need further questions.
The theme documentation is found here
– https://forum.tagdiv.com/newspaper-theme-documentation/
Thanks
Hi,
Please provide an example as I cannot see any issues with any image on your site.
Our theme does indeed have a cropping system mentioned here:
https://forum.tagdiv.com/featured-image/
Here is a list of the different thumbnail sizes used in our theme:
https://forum.tagdiv.com/theme-thumbs/
And this list will show the different modules used on blocks:
https://forum.tagdiv.com/theme-blocks-modules/
Thank you!
Um, yeah. Test one of your pages with the image sizes not at ‘actual size’ with Google’s testing tools? Have you tested your site with PageSpeed or their mobile testing tool? Sites which don’t do well in mobile testing won’t be shown to mobile users!
e.g.,
https://search.google.com/test/mobile-friendly
Meaning there is more overhead for browser to resize images multiple times to multiple sizes vs caching the actual images at actual sizes.
However if it works for you, and you’re passing Google’s PageSpeed test and mobile test doing it your way, go for it — just not “normal” practice in modern webdev (I’ve been doing it since 1995 professionally, as a point of reference).
“You cannot load a 200×300 thumb without there actually being a 200×300 thumb image” -> I am doing this actually and no distortion of images.
I am more concerned about this: Google will penalize you for only having one image resized to different sizes (try it)” -> Is there any statement from Google about this?
Well, it’s really bad to use one thumb for all size images from pagespeed/seo point.
Meaning, if you only have 500px image, and then try to have theme resize to fit 200×300 thumb, it will either be distorted or oddly cropped.
You cannot load a 200×300 thumb without there actually being a 200×300 thumb image.
Google will penalize you for only having one image resized to different sizes (try it).
Hi,
I don’t want to generate different sizes of image whenever I upload them. How do I prevent Newsmag from doing it? I’ve already disable wordpress from doing so by changing the Media Setting in WordPress.
Hi,
The theme will create thumbnails from the featured images you upload, based on the thumbnail sizes that are enabled in the theme panel
– https://forum.tagdiv.com/theme-thumbs/
It is mentioned there for what element each thumbnail is used, so you can disable the ones that you are not using. They will not be created anymore after that.
Thanks