-
Posts
-
I would like to know how it would be best to go about setting up smaller size images for display on tablets or mobile so that my larger images on the desktop site does not have to eat up all the mobile bandwidth of my visitors.
I know there are plugins about but not sure which would work well with enfold. Any suggestions or is there an alternative?
PS – I am using WPML so it has to be compatible with it.
Thanks in advance
RajuHey Raju!
Controlling the size of the images using CSS will not make any difference. You need to have a feature which controls or change the image thumbnail that is being serve when viewing on mobile devices. Unfortunately, that will require a major modification within the theme. Please hire a freelance developer to modify the theme on mobile devices. For further customization, please visit Werkpress. Another technique is to replace the image with a background image using the same image but then again this will require a lot of modifications. You can refer to this link: http://mobile.smashingmagazine.com/2012/06/14/responsive-images-with-wordress-featured-images/
Cheers!
IsmaelThanks for the info I’ll look into it.
Just to reconfirm though, are you saying that plugins such as BC Responsive Images ( will not resolve the image file size issue in responsive templates or that it would not work with Enfold in particular?
Your clarification would be much appreciated.
Best regards
RajuHi!
If the BC Responsive Images plugin uses php to resize the images on the server it may help you to reduce the file size. However it will probably not work with Enfold if it uses a jquery script to replace the image because such a script will conflict with our jquery code for sure (slider scripts, animation code, etc.). If you really want to reduce the file size a bit try a tool like: http://www.obviousidea.com/de/windows-software/light-image-resizer/ to reduce the file size of the original images before you upload them.
Cheers!
Peter
- You must be logged in to reply to this topic.