- 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
The theme uses all the sizes technically. That’s why they are in the functions.php. The question is what sizes are >YOU< using based on your block setup and such.
But the thing is, how do I know what sizes the theme is using?
From my understanding, WP doesn’t generate thumbnails until the image is fully uploaded. What does matter is the size of the image you’re uploading. E.g., the size you’re using should not be larger than 100kb, and ideally 60kb max. If you’re uploading a 2MB image, it’s obviously going to take longer on a slow connection.
Converting a single image to multiple sizes with imagemagick on the server is usually a very fast process and used little RAM if the original image size is not too large (again if you’re uploading 2MB files, that would be a big problem!).
But I’d make sure you comment out the sizes you’re not using, as that does cut the time for processing the image way down. I have a hunch it’s more to do with the refresh and update of the media manager and upload in the browser than the actual image processing.
Sorry that’s not a perfect answer, either.
mehedi, this won’t directly answer your question but if you’re trying to say the ~10 image sizes that the theme generates is causing your uploading to be slow (due to being on a shared hosting plan) that is the least of your worries and I’d be more concerned if my website was actually hosted by professionals and not in someones basement on a spare Pentium 3 they had laying around.
I’d look for a new host, ASAP.
Hi,
First of all sorry for any mistakes, i’m not an english native and may be some errors con the message.
We are trying to update both wordpress’ and newspaper versions for a client and it seems some of the thumbnails sizes are different.
In the current version shows all thumbnails at 700px × 357px (scaled down to 456px × 233px in the case of the big picture in the image)
Image: https://www.dropbox.com/s/w8sap137i7gjjcp/old.jpg
And in the updated version that same thumbnails appears at 326×235 (without any scalation in the big picture in the image)
Image: https://www.dropbox.com/s/ny4r0y60mrsezor/new.jpg
The previous version was made by another company and we have bee looking at functions.php and all around and we don’t now where this different size of thumbnails come from.
Is there any way to choose which version of the images is getting from the database?
Hello! You can comment some sizes you dont use in the functions.php file, thats what i do…
Hi,
You can disable the unwanted image sizes from the functions.php file – http://screencast.com/t/SIgP1ZV3
Thank you, Emil G.
Hi,
The theme is great — that’s what I have said for the last 5 months. The theme is beautiful and no other theme can beat it. However, there are some big problems in it. For example, if a website runs on a shared server, it takes at least 1 minute for a 1200x780px image to upload. I believe this is because the fact the theme generates many sizes of the image.
Is there any way, tagDiv team can reduce the number of images that are generated from a single image? It would make the process of uploading a image much faster and easier.
Please help, its really urgent for me.
Cheers!
I noticed that when i upload image on website. it is converted into many unwanted sizes. is it possible to disable these sizes ?
Hi,
First you have to go to functions.php file and add your own image sizes http://screencast.com/t/nsQtWpPBtt5
Then add your new custom sized images to your custom module. Here you have an example for module search http://screencast.com/t/WzCBDyV0LHG
Hope this helps
Thanks
We experimented with various lazy loading things; however we ran into issues on home page (this was possibly back on Newspaper 2x, btw), and some other things where sometimes certain images didn’t load at all due to the lazy loading timing out for some things “below the fold” … if your host has mod_pagespeed you can play with that, but there are also some plugins as tomdouble noted above. Be sure to test if you have lots of images; if you see “empty spots” when running lazy load, you might have to do without.
Note with proper server side caching, the images should be cached on first load and then future visitors get cached copy, so perhaps not that necessary. Worth trying if you think it’s slowing down page. Be sure to try running smushit or modifying the functions file to reduce image thumbnail sizes first, as that in combination with caching usually does the trick.
hi,
the shortcodes that creates the first page when the demo is imported is the same like that on the : http://demo.tagdiv.com/newspaper/ (http://screencast.com/t/rCGL8oKi).
the content is different because of the size of the images. because we can not create a big archive to put on themeforest (for download) we are limited to the number and the sizes of the content we provide in the demo.
to get the xml with the http://demo.tagdiv.com/newspaper/ content please contact us on email at: contact@tagdiv.com with the subject :Requesting demo.tagdiv.com/newspaper/ content.
Thanks for you message.
Radu A.
I just updated to the latest version (4.0) and am having problems with the slider in the homepage. Images seemed to go missing whenever the browser (Chrome and Firefox) is maximized just like below

When the browser is minimized to smaller sizes as shown below, the images seemed to show up fine.


Is there a fix to this? Thanks!
Hi,
You can change the image sizes from here http://screencast.com/t/1yVypBvM5inl
You also have to regenerate your thumbnails after this, like this:https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Thanks
-
This reply was modified 12 years by
Lucian.
Hi,
We used those sizes with height fixed and width auto to not crop the images. Your solution will not work well with portrait images, just try to add a portrait photo and you will see that the person from photo is without head 🙂
Thanks
Hi,
The slider gallery has two fixed height size, with sidebar or without, the images are re-sized at 483px height for a 3 column layout and at 357px for a 2 column layout and keep the width auto.
Here is the code: http://screencast.com/t/2DewR8P2RaQ and here are defined the sizes: http://screencast.com/t/ZZI6MpdNjS
Thanks
Hi,
We ran our site through GTMetrix and the biggest issue it pointed was serving scaled images. What confuses us is that it says that it resizes images from 326×235 to 190×137 even though there are no images of the latter size. Can you let us know what’s happening and how to fix it?
Thanks
Hi @Manuel the best plugin right now is “Speed Booster” the owner done some awesome updates today and made the plugin more powerfull so i’m only using that one along side the “Leverage Browser Caching plugin”.
@thomaspe i recommend you to use the “Speed Booster” plugin as well which work very well with the theme.
Speed Booster
Main Plugin Features
Eliminates external render-blocking javascript and css in above-the-fold content.
Moves scripts to the footer to improve page loading speed.
Loads CSS asynchronously to render your page more quickly and get a higher score on the major speed testing services.
Minify and inline all CSS styles and move them to the footer to eliminate external render-blocking CSS and optimize CSS delivery.
Lazy loads images to improve page load times and save bandwidth.
Changes image compression level to keep file sizes smaller.
Loads javascript files from Google Libraries rather than serving them from your WordPress install directly, to reduce latency, increase parallelism and improve caching.
Defers parsing of javascript files to reduce the initial load time of your page.
Removes query strings from static resources to improve your speed scores.
Removes extra Font Awesome stylesheets added to your theme by certain plugins, if Font Awesome is already used in your theme.
Removes junk header tags to clean up your WordPress Header.
Displays page loading time in the plugin options page.
Displays the number of executed queries in the plugin options page.
Displays the Peak Memory Used in the plugin options page.
Hello,
I have an issue – when I upload images, the image is uploaded but not resized. I have checked and the GD library is installed. When I try with a standard WP theme, it is working.
My version of Newspaper: 3.9.1, WP 3.9.1, WP Bakery 4.2.2
When I use regenerate thumbnails, it is producing the desired sizes, but I need to produce them already during the initial upload.
Any advise?
Thanks mate that code worked perfectly fine.
And I just don’t want to get on to that sharing button’s code at the moment.
Just tell me the correct code for modifying H1,H2,H3… tags on my site.
I want to change their color and modify sizes.
Hi,
You have this issue because the image you have used as featured image for the post that appears in the big slider on the homepage is smaller than it need to be to fit in that window, so you need to chose a picture bigger than 745 in width and 483 in height, this are the image sizes that the theme uses: https://forum.tagdiv.com/modules-and-blocks/ (3. Thumbs and image resolutions)
Thank you
Hi,
To do that you need custom modifications, if you want to try it yourself you will need to style the slider using CSS and then modify the images sizes in the functions.php file: http://screencast.com/t/wcUV89eV
If you don’t know how to do it you may have to hire a professional developer to do it for you.
Thank you
Hi,
We use 1074×483 px images – https://forum.tagdiv.com/topic/featured-image-cropped/
The thumbs sizes are defined inside the functions.php file: http://screencast.com/t/NxiuYIwql9h
You can also read here about the sizes used by the theme (chapter 3): https://forum.tagdiv.com/modules-and-blocks/
Thank you.
I think the image sizes are still found in the theme docs, as so:
https://forum.tagdiv.com/modules-and-blocks/
Well thats not a real answear how to remove the grey background from the text area. The sidebar is showing perfect for me.
The last slider was fresh uploaded with a featured image with the new sizes – I would like it to be over the full size of the slider and the text without grey background. Is this possible?
And how to have the “<” and “>” shown all time?
Thanks!