-
Posts
-
hi,
Is the Enfold theme supporting the new WordPress 4.4 responsive images? If yes, do i need to do anything to enable it?I have two test pages, one classic wordpress page and one using the Enfold page builder.
Both pages contain the same image. The basic page loads the (resized by wordpress) responsive image, the page builder page always loads the large image. Is there anything i have to do to enable the use of the responsive image?Thanks, M
Hi michelbenedetti!
when I resize browser I get the same effect on both pages. On both image resizes fine for me. So where do you see the issue? You can use screenshots to make things clear for us (imgur.com, dropbox).
Cheers!
AndyHi Andy,
I appended two screenshots. Have a look at the difference in the img tag generated (you can easily see the difference e.g. in the chrome debugger when you check the size of the image downloaded on a narrow browser window compared to a wide browser window or a page created by the page builder).basic: https://drive.google.com/file/d/0B62Bhoj9pmQebm5QdXZYeDNDU0k/view?usp=sharing
page builder: https://drive.google.com/file/d/0B62Bhoj9pmQeZDFIQlMwTTRIY2c/view?usp=sharingWordpress calls this the response image feature (https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/) which is new to WordPress 4.4. It will provide an image resized that best matches your browsers device size. This helps in reducing image sizes for mobile devices. Is there any way to enable this in Enfold?
Thanks, M
Hey!
Enfold by default creates 12 different sizes and loads the best size image that suits the browser width. This feature is by default enabled in enfold if this is what you wanted to know :)
Please feel free to let us know if you have any questions.
Cheers!
VinayHi Vinay,
Yes, Enfold creates 12 different sizes, but i does not choose the best fitting one automagically. As some of those resized version have different aspect ratios, this would not be a very good thing to do. To the best of my knowledge i found no feature in Enfold that automatically select the best size for an image to show (which would be the analog to WordPress responsive images).
How do i use the feature you are talking about? Whenever i insert an image, i must choose a size for it and by that the size is set. no automatical selection.Thanks, M
Hey!
When you insert the image on the right side int he media library you get the size option. The selected size will be used on the main screen as the screen size changes to make optimum use of the available screen size, bandwidth and deliver the content faster a different size image will be loaded automatically. Sorry to say but you cannot control this from backend.
Best regards,
VinayHi Vinay,
Ok, then have a look a this page: http://testing.greenliff.com/image-test-bla-2/
It contains an image that is inserted as Full size 1500×630 and has a size of 445KB. As you stated before a smaller version of this image would be downloaded on devices with a smaller viewport. This does not happen here. When i check with the debugger and different browsers with different sizes, the image shown is 1500×630 every time and also every time 445KB of data are downloaded.A screenshot link from debugger sessions of chrome and firefox with small screen resolutions this the page mentioned above is attached in the private section.
I would expect a smaller download than this according to your statement above. Can you confirm this is a bug in the theme?
Thx, M
Hi!
I’m sorry for the confusion. The new WP Responsive Images feature is not fully integrated on Enfold yet because the srcset attribute is not supported on most browsers. The full implementation of this feature on the theme might take a while. You might want to fully optimize the images instead: http://kriesi.at/archives/4-key-wordpress-image-optimization-tips
Regards,
IsmaelHi there,
Ok, thanks for confirming that.
Except for IE, srcset is supported for most major browsers (http://caniuse.com/#search=srcset), actually its only IE not supporting it (and probably never will, as Edge has taken over and that browser supports the feature). WordPress decided with WordPress 4.4 to push this feature as a default feature that one cannot turn off (probably due to most current browsers supporting it). I just tested with IE9 (which definitly does not support srcset) and the page renders fine using just the largest picture which is reference in the src attribute. So integrating the srcset wouldn’t hurt anyone i suppose and it would also align Enfold with the core features again.
What do you mean with “full implementation of this feature on the theme might take a while”? What timeframe are you talking about?
Thanks, MHey!
Thank you for the info. There’s no ETA yet but it will probably take a while because the “wp_get_attachment_image_srcset” function has to be implement for every element that contains images–e.g., slider, image, team. I’m not sure if this is going to work with color sections and full screen slider because the images are applied as background. Push the feature here: https://kriesi.at/support/enfold-feature-requests/
Best regards,
IsmaelHey!
glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Best regards,
AndyThis still seems to be the case, i.e. img tags do not have the srcset attribute added to them if you use the Avia editor.
Is there a date for when this will be fixed please?Regards,
akHi,
As Ismael said, we do not have a date yet, but we will do work things out.
We appreciate your patience for that.Best regards,
BasilisHi,
It’s not implemented yet, unfortunately. You may need to use a third party plugin for now.
// https://wordpress.org/plugins/responsify-wp/
Best regards,
Ismael
- The topic ‘Enfold theme and WordPress 4.4 responsive images’ is closed to new replies.