Thumbnail size in Tag menu (Content Archives)

[Joseph]

Hi support,

I set Content Archives to this http://prntscr.com/9plww2 but it doesn’t honor for tag menu. The image appear like this http://prntscr.com/9plyeu instead of 100x100px. What could be the reason?

Regards,
Joseph

[Chinmoy Paul]

Regenerate the thumbnails of all old posts by Force Regenerate Thumbnail plugin

[Joseph]

Hi Chinmoy,
I just test with a new post, and new image upload. But instead of the 100x100px thumbnail size, it shows as full image. See screenshot: http://prntscr.com/9pm78z

Am I missing something?

[Chinmoy Paul]

Okies

Go to customizer and you will get Category/Tags Archive Layout section. Expand it and setup the featured image size there. Hope that this time it will work.

[Joseph]

Wow wow never thought of that corner as I always set thumbnail size in Genesis > Theme Setting.

Just suggestion:
1) May be you should combine that Category/Tags Archive Layout and Content Archives into one since there function are similar.
2) Since WordPress include Site Identity (aka Favicon), you should remove Favicon uploader.

Regards,
Joseph

[Joseph]

Hi Chinmoy,
I encounter image problem again. I did Force Regenerate Thumbnail with the size of 100×100, and those images are shown correctly.

But the new images that I upload today are not shown as 100×100 thumbnail size on mobile. See screenshot: http://prntscr.com/9py1mv I did set 100×100 on Genesis Theme Setting.

What could be the problem? Do I need to set the size on functions.php file as well?

Regards,

[Chinmoy Paul]

It is difficult to say. WP 4.4 is adding srcset for responsive effect for images. That can be issue. Can you share the site URL? I shall check it.

[Joseph]

Hi Chinmoy,
Here is the live url http://goo.gl/T8pvMY please check on mobile device.
Regards,

[Chinmoy Paul]

I am not getting any problem. All are fine. can you clear the cache and check once again?

[Joseph]

The problem is only on the homepage, and I am guessing that it could be related to the “Flex – Featured Posts” widget. Have you check for me on a mobile?

[Chinmoy Paul]

Why images URL is coming this way http://i2.wp.com/www.zomidaily.org/wp-content/uploads/00kualalumpur.jpg?resize=100%2C100? Are you using any resizing plugn? Also I am getting different image markup for every images. Some have this:

<img width="100" height="100" sizes="(max-width: 100px) 100vw, 100px" srcset="http://i0.wp.com/www.zomidaily.org/wp-content/uploads/00deihtung.jpg?resize=100%2C100 100w, http://i0.wp.com/www.zomidaily.org/wp-content/uploads/00deihtung.jpg?w=200 200w" itemprop="image" alt="00deihtung" class="entry-image attachment-post" src="http://i0.wp.com/www.zomidaily.org/wp-content/uploads/00deihtung.jpg?resize=100%2C100">

Another images have this:

<img width="100" height="100" itemprop="image" alt="14aljazeera" class="entry-image attachment-post" src="http://i0.wp.com/www.zomidaily.org/wp-content/uploads/2016/01/14aljazeera.jpg?resize=100%2C100">

Those images are creating the issue which have 2nd type of code.

[Joseph]

I see, now I realize that the culprit is Photon from JetPack. I disable it and working properly now. Thanks for the clue.

But couldn’t understand why it is showing some images correctly, and some are not on homepage 🙂 Other archives pages are fine too. That’s why, I never thought of the Photon service in the first place.

Regards,

• This reply was modified 5 years, 10 months ago by Joseph.
• This reply was modified 5 years, 10 months ago by Joseph.
• This reply was modified 5 years, 10 months ago by Joseph.

[Joseph]

Hi Chinmoy,
Regarding the thumbnail sizes issue, I contact Photon support and they reply me as below. Any suggestion?

I can see what you mean. The problem is being caused by this setting in your site’s stylesheet (CSS) :

.featured-content img: width: auto

Photon delivers thumbnails in 2 sizes now, 100×100 and also 200×200 for HiDPI/Retina displays. Your posts with the large thumbnail displaying, have a larger featured image specified, so Photon is making both thumbnail sizes available and the “auto” width setting in your CSS is grabbing the larger size.

You’ll need to remove that setting for your CSS, or make sure it doesn’t apply to these thumbnails on your main page. If you are not familiar with CSS, you could pass along this information to your theme’s designer for their assistance.

Best,

Lisa
Happiness Engineer | Jetpack.me | WordPress.com

[Chinmoy Paul]

Replace this CSS

.featured-content img, 
.gallery img { 
    width: auto; 
}

WITH

.gallery img { 
    width: auto; 
}

[Author]

Posts