Published on: 31 Jul 2014
If you follow responsive web design at all you will have noticed the topic of responsive images.
You can use phpThumbsUp to create thumbnails images for galleries, automatically size user-uploaded images for mobile devices, or automatically add complex image filters to photos.
With phpThumbsUp you simply activate the responsive feature and select your image breakpoints, from that moment on any image that is uploaded to the MODX manager will have various sizes automatically created. The phpThumbsUp extra will then will check the client's screen size and automatically adjust the width/height of the image based on thresholds defined in the setting.
Using the extra is very easy.
Almost done, now just add this tag to any image that you want to be responsive.
Any image that is uploaded to the MODX manager will now have various version of it is automatically created. The phpThumbsUp then detects the screen size of the device being used when requesting a thumb and delivers smaller images for devices with smaller screen sizes.
You can use phpThumbsUp to create thumbnails images for galleries, automatically size user-uploaded images for mobile devices, or automatically add complex image filters to photos. If you want you can check out all the options here.
As a responsive web design specialist I absolutely love phpThumbsUp. It solves one of the bigges problems with modern web design: delivering the correct image to devices with any screen size.
Feel free to contact us to find out if we can help you improve your website.