- 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
- NewspaperThe Mobile Theme
- NewspaperUsing Other Ads
- NewspaperTheme Thumbs
- NewspaperHeader ads
- NewspaperSidebar ads
- NewspaperArticle Ad
- NewspaperPost template ads
- NewspaperAbove footer ads
I think so…
Here’s a screenshot which is of some of my uploads for this month: http://take.ms/YB9b1 I upload one and between 10-15 duplicates appear in different sizes.
You’re saying this is normal? How Will this effect my site?
Do you mean the thumbnails ? All themes create thumbnails at different sizes for use in the layout; this is how the small images come to be when you don’t upload them.
If you’re talking about a different issue, I’ve not seen this happen on any WP theme including latest version of Newspaper on my three installs.
Stop using jetpack ;-0
We use couple of plugins to automatically resize images, and also set featured image from image in post; and modify functions.php file to set default compression in WP at “60” (see my post on this many places in forum).
1) add to bottom of your functions.php file before doing regen thumbs
add_filter( 'jpeg_quality', create_function( '', 'return 60;' ) );
2) plugin to upscale images to fit theme sizes
Thumbnail Upscale
3) plugin to set featured post automatically
Auto Post Thumbnail PRO
Hello,
I have updated the Newspaper Theme from version 3.8.4 to version 4.2. Since doing so, the Big Slider template used on our front page is no longer using the generated thumbs of the featured categories’ posts featured images. When looking at the page source, I see that it is using the full sized original image and using img width and img height values to constrain the generated thumb that do not correspond to what image sizes that are specified for the Big Slider template. I have re-generated my thumbs and this doesn’t help.
Any ideas?
Peter
Well, in my own testing photon did NOT work properly on numerous fronts as it’s not the best way to manage optimization and placement, at least on our sites. It’s loading those images off wp.com and not your own site, so it will be slower and not managed locally by your own site/server speed. A lot of that stuff is for newbies who don’t want to dig in and manage their own site; it’s not for power users at all!
If you look through my posts on this topic, try instead
1) changing default setting for WordPress which uses server side imagemagik modules, change in functions.php by adding directive to set quality at 60 (default is 90)
2) use the plugin for auto creating featured images
3) use the plugin to auto resize images from featured image
These help to manage correct sizes, optimized images without going through another server (wp.com), and I don’t get warnings about any image issues from PageSpeed.
Hi,
I have checked your site and did not found any slider there so I can inspect this issue.
I’m not sure what are you trying to say by this part ..and 1074×483 for post on the right (3 Post on the right). because the big slider uses the 745X483 px image size fro the big picture and the thumbs from the left used for the smaller images are at 326X159 px sizes.
Please try this https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ to fix the posts thumbnails and let me know if you still have this issue, also please provide a link which contains a slider that has this issue.
Thanks
Hello Support,
I am having a problem with the images on my home page using the Big Slider.
Each time I make a new post the images get shrinks on display.
My site is located here:
http://www.deltamcp.org/
The sizes I am presently working with are 745×483 for the main or bigger slider by the left and 1074×483 for post on the right (3 Post on the right).
Some times the post on the right swaps itself to the big frame on the left and sizes wrongly given blank white space at the bottom end on display the image constrains horizontally thereby leaving us with white blank space vertically.
How can the slider be controlled to retain sizes and display properly.
Expecting your response.
Thanks.
Hi Lucian,
thanks for your reply! I will look into the image sizes and resizing as you suggested.
However, regarding the 1st question I would prefer to have the featured image (the Slider and/or the Big Slider) stretched over the whole site the same way as the parallax articles appearance. Having a background image instead does not look aligned when using style 4 “full width” for articles.
Is this feasible?
Hi,
1. You can use the "Homepage - bg" template with or without the article list and full layout like this: http://screencast.com/t/LXRL8Yqn and you will get this result: http://screencast.com/t/IvREH9NKGvD4
2. It’s possible, you cloud try to add your own image and then replace it within modules/sliders.. besides wordpress default cropping sizes http://screencast.com/t/ifk8fE1HYk and we added more sizes inside the functions.php file – http://screencast.com/t/2QaaubXnqxL you can also add your own there and then use it.
Those sizes are used on modules and sliders (including the Big Slider) , you can read here about the thumbs used on modules and sliders – https://forum.tagdiv.com/modules-and-blocks/
You also have to regenerate thumbs after you add a new image size.
About the cropping modes, you can create your own images sizes and use it like I said before, hare are some more info about this:
1. http://codex.wordpress.org/Function_Reference/add_image_size
2. http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
Hope this helps!
Thanks
I’m having a problem with thumbs auto-created, only in the case of video(youtube) posts.
The biggest thumb size I get, is 480×357 and in this format hqdefault-480×357.jpg
I can’t use this size on featured posts in top slider so I keep uploading other pics as featured image to solve this size issue.
The strange thing is that, sometimes I’m getting the correct sizes e.g 1384×841 in this format maxresdefault2.jpg which is different than the other.
I deactivated jetpack but nothing.
Is this a youtube issue?
Why the differences on thumb sizes and names?
I’ve read this topic too but had no success.
https://forum.tagdiv.com/topic/featured-video-size-in-home-slide/
Thanks for your help.
Hi,
You could but then you will have to modify all image container module/slides.. to use just that only image size and then use css to resize the image container for each module/slider.. which is not an easy job as the theme hasn’t been designed like that.
Other think you would worry about it’s that in case you modify it to use just one image then if the image size it’s let’s say to 1/2 MB that will be loaded on every module and you will have a 1/2 MB large image loading instead of an thumb size image.
Thanks
Hi Lucian,
Can’t I just use one image and show it on all of the blocks?
Default compression for images is managed by wordpress unless you’re using a plugin of some kind; not the theme; the default “quality factor” is 90 but can be increased to 95 or 100 (no compression) by adding line in functions.php to set that. But not recommended. We typically change our compression level to 60, for faster page speed.
Be aware that jpeg images with a lot of “reds” don’t compress well ever, sadly to do how lossy jpeg/mpeg compression works.
Also, if you upload an image with very low quality the quality only gets worse.
For charts such as you’re using on your sample page, it’s best to use PNG files vs jpeg and embed those directly into the page so they are not resized/resampled to new sizes except for thumbnails. Try saving it as PNG file and place in the post, and you’ll see a HUGE improvement.
Nothing with reds/orange/dark pink compress well with jpeg — it’s nothing to do with the theme 🙂
Hi,
When you upload and image WordPress automatically crops that image on multiple sizes and based on that function the thumbs needed by the theme to the different modules you are using are made https://forum.tagdiv.com/modules-and-blocks/
You can read more about this here:
1. http://codex.wordpress.org/Function_Reference/add_image_size
2. http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
Thanks
Hi
Recently, I disabled few image sizes that the theme generates by tweaking a few code on functions.php. But I would like to completely disable image generating and use the cropping function.
For example, if I upload a 1024×768 image, the theme would crop it or just crop it to fit the <div>. I really don’t like the fact that this themes generates a lot of images and to be honest, I use almost all of the blocks throughout my site. So, I couldn’t disable many sizes.
Please let me know if it is possible or not.
Cheers!
Hi,
You use Jetpack Photon – http://jetpack.me/support/photon/ that’s why the image link looks like this – http://i0.wp.com/www.pickperclick.com/wp-content/uploads/2014/08/maxresdefault7.jpg?resize=326%2C159
Without this CDN the link should be something like http://www.pickperclick.com/wp-content/uploads/2014/08/maxresdefault7.jpg
I’m not sure I understand what do you mean by recenter it, the image it’s only cropped, other then this it’s not different from the original, other than the size of it off course.
WordPress has some default cropping sizes http://screencast.com/t/ifk8fE1HYk and we added more sizes inside the functions.php file – http://screencast.com/t/2QaaubXnqxL
Those sizes are used on modules and sliders (including the Big Slider) , you can read here about the thumbs used on modules and sliders –https://forum.tagdiv.com/modules-and-blocks/
If the image is smaller it will not be cropped, you can’t crop and image that has 200×300px to 700×300px, it can only be upscaled and wordpress doesn’t have such a feature.
Hope this helps!
Thanks
-
This reply was modified 12 years by
Lucian.
Greetings,
I would like some help regarding some issues I have with the theme so far:
1. Is there a way to automatically adjust the images to fit in the Big Slider? For now I have to manually edit the sizes of the images.
2. Is it possible to make each of my pages I create per category look like a separate demo stack? When I purchased this theme in the first place I wanted my site to look like the demo stacks for my individual categories; like fashion or sports.
Thanks! You have created a wonderful theme!
site: EminentCulture.com
Hi,
Yes, you can use another block with bigger thumbnails or you can create and add your own thumbnails size by adding it in functions.php file like this: http://screencast.com/t/vOgsliMl3Rn
Then you have to modify the module that is used to build the block you use, modify it to use your image thumbs sizes like this: http://screencast.com/t/OWn10qUq6fN
You can see here which module is used to build the block you are using: https://forum.tagdiv.com/modules-and-blocks/
After you changed the images size you have to regenerate thumbnails like this: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
From what I have noticed that you are using block 3/ module 6 for your latest articles section, if you don’t want or don’t know how to do all this you can use block 7/module 2, it has a larger image but also has excerpt.
Hope this helps!
Thanks!
Hi Support,
I hope you are well. I upgraded to v4 and have been testing the site. I noticed on my iphone that the homepage slider with my featured content is not rendering correctly. It looks like it sizes correctly for tablet but when it tries to scale down for mobile the images stop scaling at a certain point.
http://www.flyfishforfun.com is the site
Screencast of the mobile issue: http://www.screencast.com/t/MoJwLhOL
Any help or advice would be appreciated. Thanks.. Have a great day.
William
It looks like the demo has dropped to a 68 because Google is weighting image size in the score more than they used to. I understand part of it is that we are serving the 745×483 image size on mobile. The other half of the equation is that the images are not “losslessly compressed”
What does Google want us to do to “losslessly compress” images? I am exporting them in Pixelmator, then running them through “ImageOptim” where the file size is reduced even more. Yet, when I upload them to the site and wordpress resizes them, the images seem to have about 1 KB of extra data in them that Google doesn’t like.
Any ideas on how to reasonably get these images down in size? It seems impractical to download every thumbnail size of every image off the server, compress it, and then re-upload it. Thanks!
hi,
try adding big images so that wordpress can cut proper sizes out of that big image.
once the image is cut into different sizes different styles uses different sizes.
Thanks for you message.
Radu A.
Hi,
Block 1 is created using Module 2 and Module 3 see here within td_module_1.php file.
The module 2 and module 3 are created using the images sizes which are created when a picture is loaded, you can find all image size in functions.php file.
We haven’t made any changes, so maybe you have a plugin conflict.
Use this info to check your file and if the issue is still present try regenerating the thumb again following this steps https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ and make sure you do this with only the themes required plugins to see if the issue is still appearing. If so please let us know.
Hope this helps!
Thanks for the message
Hi Christopher.
We have tried that and nothing. The images were previously generated on the 700×357 size.
Our doubt is to know where the block 1 take its picture from, why it takes one size in one version and another size in the other version?. If the thumbnails sizes on functions.php are intact and the sizes on the media section of wordpress too, were can it be?
thanks
Hi!
Basically you will likely want to run the regenerate thumbnails plugin to redo the images to fit the images used by this theme.
You can see all the sizes used by various modules in the documentation, as so:
https://forum.tagdiv.com/modules-and-blocks/
The theme will pull the size that matches the size used in the module, presuming it exists.
Hey!
check the docs, here… under thumb sizes.
basically look at which modules you’re using, and the sizes you’re actually using on your homepage, sidebar, footer, etc.; remove those sizes you’re *not* using:
https://forum.tagdiv.com/modules-and-blocks/
You can also do the trick from my past posts of making sure that the small/medium/large defaults from the WordPress settings panel (not theme panel), match the three sizes you most use; this way you’re not doing theme sizes *and* WP default sizes!