Pixelated iphone images

[barefootMarc]

Not sure why. The images look fine on the computer. They look fine when you shrink the screen, but on the iphone they are pixelated.

Thoughts?

-M

[barefootMarc]

the designer had selected progressive when saved for output, or wordpress did. Not sure who was responsible, but a batch edit solved the problem.

-M

[barefootMarc]

Woops. So i thought It worked, turns out I’ve been looking at that screen so long it looked like it was sharp.

So the header images which is a row, has a sharp image, but the images below are nested inside columns at full width. Those images do not display at High resolution on an Iphone.

I tried uploading new versions of every image with the progressive tab turned off, but that did not fix it.

Why would image as background be sharp, but not image as item?

Thanks,

Marc

[David Martin – Support]

Hi Marc,

WP 4.4+ started added a new output for images so they should appear better on retina devices: https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/.

Though I have seen another case like your where this had an adverse affect.

Are you using a child theme? You could test disabling this by adding this function to your child theme functions.php then clear your caches:

function disable_srcset( $sources ) {
return false;
}
add_filter( 'wp_calculate_image_srcset', 'disable_srcset' );

Thanks.

[barefootMarc]

can i drop that line of code in the themes custom js in the options panel?

Unfortunately not a child theme.

-M

[Kyle – SUPPORT]

You will need to use a child theme so you can add this code

– Kyle

[barefootMarc]

can i just create child by creating a joyn-child folder and copying the functions and style.css into it?

[Kyle – SUPPORT]

Do not copy the files from the parent theme, only the extra stuff goes in the child theme’s files. We have provided a child theme in the download files from ThemeForest

– Kyle

[David Martin – Support]

Hi,

The code above is PHP. Please use the child theme we supply in the main zip file, you can grab that from your ThemeForest account.

Cheers,
David.

[barefootMarc]

There are two downloads. One thats just the wordpress files the other is like 300 mb. Is the child information in the larger file?

[David Martin – Support]

Yes, it should be in the main zip file, not within the theme zip.

It will be called joyn-child.

Thanks

[barefootMarc]

So i installed a child theme and now now of the projects page display. I get 404 errors but the portfolio items themselves are editable.

Whats going on?

[Kyle – SUPPORT]

This link is working fine for me:http://test.overdrivedesign.com/structure/portfolio/louis-vuitton

– Kyle