Search Results for 'image sizes'

    No search results were found in Documentation!

Results from the Forum
Bryson T
tagDiv Member

The problem is Photon in Jet Pack. It RESIZES the image to the WRONG size for some unknown reason.

The Newspaper Featured Image Placeholder feature is not compatible with Jet Pack’s Photon CDN. Photon is needed – how do I force the correct size, or disable Photon resizing the featured image placeholder?

Also, as a thank you for the jab, you were wrong. Photon resized a 1074px width image down to the same incorrect 700×454 – it didn’t crop it either.

I got this theme to 92/100 page speed score by using Photon, more like 82/100 without it. Really need your help. I figure there must be a bit of CSS that will force the correct size for the slide to show correctly with Photon on. Or perhaps it’s time to put a fix into Newspaper for this compatibility issue.

Bryson T
Participant
#0

http://prntscr.com/3kdn1c

Custom made the default image for posts without thumbs by copying the original file from /wp-content/themes/Newspaper/images/no-thumb/ directory and editing without changing the size.

The file size is 745x483px and is resized down to 742x481px on in the actual slider. As you can see from the screenshot, that image sizes down to 700x454px. The image literally loads from Newspaper/images/no-thumb/art-slidebig-main.png?resize=700%2C454.

How do I stop that from resizing incorrectly? I need the image to show at its full correct size. I custom made all the default images as well and they are all showing up okay so far.

Thanks

Marius
tagDiv Staff

Hi,
Here are defined all sizes required by theme modules and you want to change something. http://screencast.com/t/smmx3pjFIer

Can you show me your site URL or a screenshot to see what issue do you have. The theme automatic crop all the require images.

Thanks!

Peter
tagDiv Member

Hi Radu,

Thank you I removed the custom css all was back to normal and working great. It was a re-forcing thumbnail size and forgot to remove it as I now use plugins to handle the different image sizes.

So glad it was easily fixed.

many thanks for a great theme.

cooldude
tagDiv Member

@kronos i have already regenerated all the thumbnails. I am running this theme for more than 6 months now and everything was going fine until now. The theme stopped making extra thumbnails just all of a sudden. Also, i would like you to know that before when i uploaded any images, it automatically created many versions of the image in different sizes to use for thumbnails in different places but now the image just remains intact and when i check the uploads directory in wordpress i only found one image.
Also i am currently running WordPress v3.9 and v3.6 of the Newspaper theme. I just don’t want to upgrade the theme because i’ve entered a lot of custom code in the header and the new updates doesn’t have anything for me. I don’t need any of the new features they launched. Please provide any solution to the problem.

simchris
tagDiv Member

Well, color me amazed. This actually worked.

1) plugin: Auto Post Thumbnail PRO 1.3 by By Tarique Sani (commercial plugin)

2) plugin: Thumbnail Upscale Version 1.0 By Stanislav Khromov (free via wordpress.org)

My media settings
Thumbnail size: 326×159 (because our old small images were 300×250)
[x] crop thumbnail

Medium Size 700×357 (max width x height)
Large Size 745×483 (max width x height)

Did regen thumbs on old posts, and the slightly smaller article headers were enlarged and properly cropped to fit the home page 4-box slider big pic (745×483), and the category indexes with featured image (700×357).

Did new post with image size of 700×406 placed into top of story, hand selected as featured image, and then it properly zoomed it on front page slider.

So, for me (so far) this combo solves multiple issues/needs for our various sites. How freaking awesome is that. Still need to test on some legacy stuff, but seems to work.

example:
enlarged/cropped thumbnail for category featured image
http://ga-ga.com/gogaga/lifestyle/

Original article with legacy content/image size
http://ga-ga.com/492/growing-older-in-a-youth-oriented-society/

So, for the “older folks” here, this now seems to do what timthumb used to do, although at the moment with “all thumbs on” – this makes 8 thumbs per photo, even smaller pix put as supplemental images. So, a story with 2 images, has 16 image files.

Obviously I need to audit the sizes actually being used and trim a couple of those, maybe 3 sizes out including xxxxx-1074×483.jpg.

🙂

  • This reply was modified 12 years by simchris.
Bryson T
tagDiv Member

Christopher,

Not hugely helpful but you’ve apparently piqued my curiosity on this one.

Have you considered using a service like http://www.imgix.com/ to store images? The theory is they host the full scale version and then you just pull the correctly cropped version from their servers for each instance you need using their API. It’s quite a robust API from the documentation.

Of course, filtering the correct sizes through your feeds becomes a challenge but seems like a matter of methodical manipulation – manageable.

cooldude
Participant
#0

Hello, i am using version 3.6 with big slide on the homepage. I am uploading every image of resolution greater than 745X483 but the thumbnails anywhere are not appearing correctly. Previously when i uploaded an image, the theme will automatically created many versions of it with different sizes but now the image remains same and any thumbnail is not looking correct, even on the big slider. Please reply quickly because it is spoiling the look of my whole website.

Abhay Pratap
tagDiv Member

I don’t want other thumbnail. i want to stop extra image sizes that are saved in our wp-contact folder. i only want when we upload image then only single size 326×159 generate not more extra.
When we update main theme functions.php file then works fine but not in child theme functions.

Abhay Pratap
tagDiv Member

Updated but not working
see the child theme updated code

/*
Theme Name: Newspaper Child theme
Theme URI: http://themeforest.net/user/tagDiv/portfolio
Description: Child theme made by tagDiv
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
Template: Newspaper
Version: 1
*/

@import url("../Newspaper/style.css");

/* ----------------------------------------------------------------------------

/* ----------------------------------------------------------------------------
thumbnails
*/

//the image sizes that we use
add_theme_support( 'post-thumbnails' );

//featured image
$td_crop_features_image = td_util::get_option('tds_' . 'crop_features_image');
if ($td_crop_features_image == '') {
add_image_size('featured-image', 326, 159, true);
} else {
add_image_size('featured-image', 326, 159, true);
}

//the small thumbnails
set_post_thumbnail_size( 326, 159, true );
add_image_size('art-thumb', 326, 159, true);

//small height, 1 col wide
add_image_size('art-wide', 326, 159, true);

//medium height 1 col wide
add_image_size('art-big-1col', 326, 159, true);

//the slides
add_image_size('art-slide-small', 326, 159, true);
add_image_size('art-slide-med', 326, 159, true);
add_image_size('art-slide-big', 326, 159, true);

//big slider - big image
add_image_size('art-slidebig-main', 326, 159, true);

//the gallery
add_image_size('art-gal', 326, 159, true);

*/

Bryson T
tagDiv Member

Copy all thumb generation sizes from the functions.php file into the child-themes functions.php file and set each one to the size you want. If you want only 326×159 images then set all to that size and regenerate all thumbs. But only copy the code you are changing to the child-theme, not the whole file.

Abhay Pratap
tagDiv Member

Hello Sir,
I want only 326×159 image size, i have deleted all the thumb generation sizes in functions.php but how we can use in child functions.
Can you please give me child theme functions update file to stop other image sizes.

sbo
Participant
#0

When i upload a video, what sizes are the images supposed to generate? They don’t seem to generate the size that would be used for the featured image. Is this something you need to do manually, take a screenshot of the video and upload it in the featured image ara?

Marius
tagDiv Staff

Hi,
Image sizes used by the theme are defined in function.php file http://screencast.com/t/vtU2CNoe

You can replace value from WP settings > media with some values used by the theme

Marius
tagDiv Staff

Hi,
1. In function.php are defined all sizes used by the theme: http://screencast.com/t/vtU2CNoe If you want you can replace the default value from Settings -> Media with some values from the theme(function.php)

Also if you don’t use all Modules/Blocks from Theme you can comment each line of image and that size will not be cropped by the wordpress(function.php)

Also you can decrease the JPEG image quality for smaller size adding this in function.php add_filter( 'jpeg_quality', create_function( '', 'return 50;' ) );

2. Just go to Posts and delete post you want, then delete them from trash to.

Thanks for the message!

Marius
tagDiv Staff

Hi,
1. Move this code here: http://screencast.com/t/prKyI2haz

2. Here are the image sizes defined, those are for post, just change the size here then regenerate the thumbnails using this: https://forum.tagdiv.com/using-the-theme-with-existing-content/

Then use this CSS, add it in Theme panel -> Custom CSS

.post .thumb-wrap {
    float: left;
    margin-right: 21px;
}

Thanks!

simchris
tagDiv Member

Wordpress creates thumbnails as small/medium/large sizes as found in WP settings > media
It’s advisable to change these to the sizes you actually plan to use.

Additionally, the theme creates thumbnails for all the different modules sizes. Once you figure out what sizes you actually need, you could switch off the sizes you won’t use in t he functions.php file.

You can see all the images/sizes here:
https://forum.tagdiv.com/modules-and-blocks/

simchris
tagDiv Member

I think you can remove unwanted/un-used thumbnail sizes by editing functions.php

One trick is to regenerate thumbs with small/medium/large set to the sizes you want in theme to avoid duplicates.

One plugin can regenerate thumbs from first image in post, when files are uploaded via FTP, which is what we do on most of our sites. I’ve recommended it a few times and I should be getting a kick back for how many people have bought it by now 🙂
auto-post-thumbnail-pro
available cheap on envato/themeforest.

Worth a try.

simchris
tagDiv Member

If you’re not using an image optimizer for all the thumbs, like smushit or whatever; consider adding the “quality factor” setting to your functions.php (see my notes in the pagespeed sticky thread) – otherwise you’ll see the smaller sizes being crazy big like 60kb for featured category image, etc.

R Renard
Participant
#0

Hi,

I’m trying to work out what is the optimum image dimensions for creating the initial (master) image to use in the newspaper theme.

The problem I’m trying to address is working out what areas of an image are safe to put key information into without it being cropped out by the many different sizes generated. Do you have a photoshop reference file with borders and safe margins that can be downloaded?

Also under media settings there are an additional 3 dimensions specified 74×74, 300×300, and 1024×1024 – the last two image sizes don’t seem to be generated, are they bypassed by the theme?

Thanks

Marius
tagDiv Staff

Hi,
That image size 1074 x 483 is used only on Slide on 3 columns, see here a guide: https://forum.tagdiv.com/modules-and-blocks/ Point 3.

If you want you can disable that resolution(image to be cropped at that size), just delete this line in function.php http://screencast.com/t/X7YSOuiEYks

Thanks!

ewing
tagDiv Member

Christopher thanx for reply

Be sure to set the three sizes in the WordPress admin panel under
WP settings > media
== Already done

simchris
tagDiv Member

What a plugin named for the purpose it’s designed for ? Whoa! 🙂

What some folks do for optimization is turn OFF all the standard RSS feeds, then create a custom page to use as a single customized RSS feed, along with a photo or thumbnail from the prebuilt sizes, then direct all feed requests to that single RSS feed. Kinda complex, but another way to go.

  • This reply was modified 12 years by simchris.
simchris
tagDiv Member

Be sure to set the three sizes in the WordPress admin panel under
WP settings > media

Basically
a) WP creates 3 sizes; small medium large
b) Theme creates sizes in functions.php

I usually set mine to match to minimize number of thumbs or un-used sizes. 🙂

ewing
Participant
#0

Hello

I use only 3 formats for my image :
100×65
326×326
80×80

I set settings/media to 0 and I change my function.php like this :

//featured image
$td_crop_features_image = td_util::get_option('tds_' . 'crop_features_image');
if ($td_crop_features_image == '') {
add_image_size('featured-image', 326, 0, true);
} else {
add_image_size('featured-image', 326, 326, true);
}

//the small thumbnails
set_post_thumbnail_size( 100, 65, true );
add_image_size('art-thumb', 100, 65, true);

//module 3 small square
add_image_size('art-small-square', 80, 80, true);

But when I upload new image, wordpress still generate these sizes :
150×150
160×160
240×160
320×213
75×75

Could you tell me how can I stop generate these sizes please

Best regards

Viewing 25 results - 1,476 through 1,500 (of 1,557 total)