Explore context-aware image sizing Responsive in Drupal


show more Exploring context-aware image sizing provides you with in-depth training on Developer. Taught by Chaz Chumley as part of the Responsive Design with Drupal show less
please wait ...

Exploring context-aware image sizing

One thing we probably don't think about much in the US anymore is bandwidth, and assuming that everyone must have fast speeds and with more users having mobile devices and 4G speed, why would we? How about other countries where bandwidth is not so fast? How does your website look on a mobile device in let's say Africa? How long does it take to load? Even though we've applied responsive techniques to our images for them to scale visually, we are still serving up a larger image file size. Let's remedy that by discussing context aware image sizing and a technique known as adaptive images.

Let's begin by browsing to drupal.org/projects/adaptive_image. The adaptive image module provides device- appropriate versions of images from all your fields. You can activate the adaptive images by simply adding an adaptive effect to any of your image styles. The technique used is derived from the adaptiveimages.com created by Matt Wilcox. Let's go ahead and scroll down the page and click on...

Exploring context-aware image sizing
Video duration: 4m 3s 2h 38m Intermediate

Viewers:

Exploring context-aware image sizing provides you with in-depth training on Developer. Taught by Chaz Chumley as part of the Responsive Design with Drupal

Subjects:
Developer Web
Software:
Drupal
Author:
please wait ...