Ibetph88 register online.Makakuha ng libreng 700pho sa bawat deposito

Uploaded Images display smaller than in the Media Library

johnnyivan — Tue, 06 Mar 2018 13:02:42 +0000

Hi Folks,
I’m having a problem here with uploading a 3000+ pixel wide image into a post.

– In the Media Library its dimensions are displayed as the original ones on my PC (3235×300),
– When I insert it into my post, and view the html and click the edit button, the dimensions are still correct,
– But viewing the saved post in the website front-end, and right-clicking to view it in a new tab, it’s resized to 2182 × 201.

Is this some weird WordPress or Jetpack setting?

Thanks,
John

Reply To: Uploaded Images display smaller than in the Media Library

Andrew Nevins — Tue, 06 Mar 2018 14:14:21 +0000

Try deactivating all of your plugins to explore whether any could be responsible. If none are, keep all plugins deactivated and switch to the Twenty Seventeen theme to check whether it’s an issue with your theme.

Reply To: Uploaded Images display smaller than in the Media Library

johnnyivan — Tue, 06 Mar 2018 15:03:04 +0000

Hi Andrew.
Thanks, I gave that a go. Once Jetpack is disabled, I can’t view those portfolio project posts anymore. But I suspect it is the fault of jetpack.

I don’t have any other plug-ins installed and running except for:

– Akismet anti-spam
– Yoast SEO
– Smart Slider
– Child Theme Configurator

Changing the themes brings no improvement.

What I’m noticing now is that if the page is loaded with a big viewport for desktop, the image is original size and sharp. But when I resize the browser down, smaller images seem to be served instead for tablet and then phone (768w and 300w). And because I have the wide panoramic image in the div (overflow:hidden) set to stay at full size in the CSS, no matter what–so it can be scrolled sideways by the viewer–the small substituted images are stretched bigger look terrible.

So: I think this automatic image-swapping is the issue. I wonder how I can disable it?

You can see the image here, under the ‘Scrollable Panorama‘ heading.
https://johnwhiteillustrator.com/wordpress/portfolio/game-irelandtown/

Reply To: Uploaded Images display smaller than in the Media Library

Andrew Nevins — Tue, 06 Mar 2018 21:26:25 +0000

And because I have the wide panoramic image in the div (overflow:hidden) set to stay at full size in the CSS, no matter what–so it can be scrolled sideways by the viewer–the small substituted images are stretched bigger look terrible.

Ah that’s the catch.

I don’t know of a way to disable responsive images just for one instance, so I’m afraid you may have 2 options:

Disable responsive images for your site as a whole: https://www.ads-software.com/plugins/disable-responsive-images/
Remove this panoramic image

Reply To: Uploaded Images display smaller than in the Media Library

johnnyivan — Wed, 07 Mar 2018 09:25:53 +0000

The responsive images feature—presumably—is to reduce load on mobile devices by giving them smaller images to download?

Rather than just using the same image for any device, re-sized by CSS: which is the usual way.

I don’t think I’m worried about the former. I think the slow speed of this current site is more about the system itself or my host. It drags.

Reply To: Uploaded Images display smaller than in the Media Library

johnnyivan — Wed, 07 Mar 2018 10:37:25 +0000

Interesting fact:

Firefox displays these alternative images,
Opera and Safari do not. No problems there at all.

Reply To: Uploaded Images display smaller than in the Media Library

Andrew Nevins — Wed, 07 Mar 2018 12:12:29 +0000

Responsive images don’t work in all versions of Opera and some versions of Safari: https://caniuse.com/#search=srcset

The responsive images feature—presumably—is to reduce load on mobile devices by giving them smaller images to download?

I don’t think I’m worried about the former. I think the slow speed of this current site is more about the system itself or my host. It drags.

I don’t understand. This is directly related to your problem.

Reply To: Uploaded Images display smaller than in the Media Library

johnnyivan — Wed, 07 Mar 2018 12:23:16 +0000

No, I’m happy that it’s fine in Opera and Safari.
I wish Firefox was the same.

Reply To: Uploaded Images display smaller than in the Media Library

Andrew Nevins — Wed, 07 Mar 2018 12:29:06 +0000

What you’re saying is you want to disable responsive images. You can do so using that plugin.

Reply To: Uploaded Images display smaller than in the Media Library

Andrew Nevins — Wed, 07 Mar 2018 12:36:08 +0000

Alternatively, you need to change the way you’re adding this image. It can no longer be implemented as part of the post, as WordPress will add the responsive image functionality to it.

Instead the image should be uploaded into a Child Theme, then referenced there using a custom modification of the page’s template (through your Child Theme): https://codex.www.ads-software.com/Child_Themes